Formulaire de dialogue modal de l'interface utilisateur jQuery utilisant le contenu distant

Question

J'ai un formulaire dans une page Web généré dynamiquement et je voudrais l'afficher en utilisant la boîte de dialogue modale de l'interface utilisateur jQuery. Comment puis-je afficher le formulaire de dialogue modal avec le formulaire existant distant (myform.html) en tant que contenu lorsque je clique sur un lien "Ouvrir un formulaire"? En cliquant sur le bouton Envoyer, vous fermez le formulaire de dialogue.

Answer 1

Cela va charger le contenu de myform.html dans l'élément avec l'ID formContainer, faire le formContainer un dialogue modal (montrant le formulaire). Lors de la soumission du formulaire, la boîte de dialogue sera fermée.

$("#formContainer").load("myform.html", function() { 
    var container = $(this); 
    container.dialog({ 
     modal: true 
    }) 
    .find("form").submit(function() { 
     container.dialog("close"); 
     return false; 
    }); 
});