Visualizzazione dei risultati da 1 a 3 su 3
  1. #1

    Reindirizzare apertura e chiusura di un popup jquery

    Salve,
    dovrei modificare uno script per un popup jquery. Nell'esempio che ho trovato in rete, il popup si attiva tramite un link con data-popup-target e si chiude con la classe popup-exit su di uno span. A me però servirebbe che lo stesso link, prima aprisse e poi chiudesse il popup. Purtroppo non sono per nulla pratico di javascript e avrei bisogno di aiuto.

    Vi ringrazio.

    codice HTML:
    <a class="popup-link" href="#" data-popup-target="#example-popup">Clicca per vedere il popup in azione</a>
    
    <span class="popup-exit"></span>
    codice:
    jQuery(document).ready(function ($) {
    
        $('[data-popup-target]').click(function () {
            $('html').addClass('overlay');
            var activePopup = $(this).attr('data-popup-target');
            $(activePopup).addClass('visible');
    
        });
    
        $(document).keyup(function (e) {
            if (e.keyCode == 27 && $('html').hasClass('overlay')) {
                clearPopup();
            }
        });
    
        $('.popup-exit').click(function () {
            clearPopup();
    
        });
    
        $('.popup-overlay').click(function () {
            clearPopup();
        });
    
        function clearPopup() {
            $('.popup.visible').addClass('transitioning').removeClass('visible');
            $('html').removeClass('overlay');
    
            setTimeout(function () {
                $('.popup').removeClass('transitioning');
            }, 200);
        }
    
    });

  2. #2
    Utente di HTML.it L'avatar di MiWebDesign
    Registrato dal
    Sep 2015
    residenza
    Palermo
    Messaggi
    38
    Ciao VinzClortho,

    prova con questo codice:

    codice:
    jQuery(document).ready(function ($) {
    
        $('[data-popup-target]').click(function () {
          var activePopup = $(this).attr('data-popup-target');
           if($(activePopup).hasClass("visible")){
             clearPopup();
            }else{
             $('html').addClass('overlay');
             $(activePopup).addClass('visible');
            }
        });
    
        $(document).keyup(function (e) {
            if (e.keyCode == 27 && $('html').hasClass('overlay')) {
                clearPopup();
            }
        });
    
        function clearPopup() {
            $('.popup.visible').addClass('transitioning').removeClass('visible');
            $('html').removeClass('overlay');
    
            setTimeout(function () {
                $('.popup').removeClass('transitioning');
            }, 200);
        }
    
    });
    Creazione e Realizzazione di Siti Web di Mi Web Design

  3. #3
    Funziona perfettamente, ti ringrazio moltissimo

Tag per questa discussione

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2024 vBulletin Solutions, Inc. All rights reserved.