Ouvrir résultat formulaire dans popup jquery

Résolu
matiou34 Messages postés 200 Date d'inscription   Statut Membre Dernière intervention   -  
matiou34 Messages postés 200 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,

- J'ai d'un côté un quelconque formulaire.
- De l'autre une popup jquery qui s'ouvre normalement en cliquant sur un lien avec comme id="try-it"

Comment donc faire pour que le résultat de mon formulaire s'affiche dans la pop-up ci-dessous (#sign-up)

Voici ma fonction pour le pop-up : 
       $(function() {
            function launch() {
                 $('#sign_up').lightbox_me({centered: true, onLoad: function() { $('#sign_up').find('input:first').focus()}});
            }
            
            $('#try-1').click(function(e) {
				
                $("#sign_up").lightbox_me({centered: true, onLoad: function() {
					$("#sign_up").find("input:first").focus();
				}});
				
                e.preventDefault();
            });
            
            
            $('table tr:nth-child(even)').addClass('stripe');
        });


Merci à vous !

3 réponses

  1. zak69
     
    Salut
    Crée une division (div) dans ton popup et tu fait document.getElementById(tadiv).innerHTML = le résultat de ton formulaire.
    0
  2. Natio78 Messages postés 742 Statut Membre 96
     
    si #sign-up est un div tu peux faire $("#sign-up").append(ce_que_tu_veux);

    Sinon tu peux utiliser .dialog() pour faire un popup (avec jquery ui).

    ("#sign-up").append("bonjour je suis un popup");
    ("#sign-up").dialog();

    0
  3. matiou34 Messages postés 200 Date d'inscription   Statut Membre Dernière intervention   4
     
    C'est pas possible en utilisant du jquery ?

    J'ai donc mon formulaire et ma div "popup" caché à la base qui va s'ouvre au clic du submit. Je voudrai afficher ce que j'ai dans mon form dans cette popup 

    		$(function() {
            function launch() {
                 $('#sign_up').lightbox_me({centered: true, onLoad: function() { $('#sign_up').find('input:first').focus()}});
            }
            
            $('#post_url').submit(function(e) {
				
                $("#sign_up").lightbox_me({centered: true, onLoad: function() {
					$("#sign_up").find("input:first").focus();
				}});
				
                e.preventDefault();
            });
            
            $('table tr:nth-child(even)').addClass('stripe');
        });
		


                
                <div id="sign_up">
                <?php echo $_POST['url']; ?>
                </div>
    0