2010-05-26 12 views
1

Je tente de poster un formulaire dans un autre formulaire dans une fenêtre fancybox (http://fancybox.net/).Publication d'un formulaire pour l'envoi d'un formulaire à l'aide de jquery et fancybox

Par exemple, j'ai une liste de villes avec des cases à cocher sur un formulaire. Lorsque l'utilisateur clique sur soumettre sur le premier formulaire, j'espère que la fenêtre fancybox apparaîtra avec un autre formulaire. Il y aura une zone de texte sur le nouveau formulaire qui a les identifiants de villes sélectionnés sur le formulaire précédent caché sous forme éléments.

Le problème que je rencontre est de faire apparaître la fenêtre fancybox lorsque le formulaire est soumis.

Je finis par rediriger complètement l'utilisateur vers le second formulaire ou la fenêtre contextuelle n'est pas une fenêtre fancybox.

Le plus proche que je suis venu jusqu'ici utilisait du code que j'avais trouvé sur un autre site. Le problème avec ceci est le popup est une fenêtre de navigateur normale.

<form id="myform" action="..." method="post"> 
<!-- form fields etc here --> 
</form> 

$(document).ready(function() { 
    $('#myform').submit(function() { 
     window.open('', 'formpopup', 'width=400,height=400,resizeable,scrollbars'); 
     this.target = 'formpopup'; 
    }); 
}); 

Merci d'avance.

+0

Vous devriez lire la documentation Fancybox (http://fancybox.net/howto), ce qui explique comment configurer le modal. Plus précisément, vous voudrez regarder les exemples de "contenu en ligne". – Intelekshual

Répondre