Comment cette fonction Jquery appelle [fenêtre de saut]?

Question

Accédez au site ici: http://en.heroes.gpotato.eu/ et cliquez sur Enregistrer. Quelle est la fonction jquery ou plugin pour faire cette fenêtre de saut? Merci.

Answer 1

jQuery UI dialog.

Answer 2

Cela peut être fait avec le cadre jQueryUI, téléchargeable sur le site jQuery - http://jqueryui.com

Ensuite, tout ce que vous devez faire, est de créer un div caché sur votre écran, qui sera la boîte de dialogue. Initialisez-le en tant que boîte de dialogue, puis joignez l'événement de boîte de dialogue ouvert à l'événement click() du bouton souhaité.

Comme ceci:

$(document).ready(function() { 
     $('#RegisterDialogDiv').dialog({ 
      autoOpen: false, 
      modal: true, 
      title: "User Registration", 
      buttons: { 
       'Close': function() { 
        $(this).dialog('close'); 
       }, 
       'Register': function() { 
        RegisterUser(); 
       } 
      } 
     }); 

     $('#RegisterButton').click(function() { 
      $('#RegisterDialogDiv').dialog('open'); 
     }); 
}); 

Pour l'exemple de travailler, vous devez avoir un div avec un id de « RegisterDialogDiv », et un bouton avec un identifiant de « RegisterButton ». Bien sûr, n'oubliez pas d'inclure les fichiers de script js dont vous avez besoin, et vous êtes prêt.

Answer 3

Si par "saut" fenêtre vous voulez dire le dialogue modal qui apparaît, cela peut être réalisé en utilisant le plugin jquery ui dialogue.