Ouvrir résultat formulaire dans popup jquery

Résolu
matiou34 Messages postés 198 Date d'inscription   Statut Membre Dernière intervention   -  
matiou34 Messages postés 198 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 !


A voir également:

3 réponses

Réponse 1 / 3
zak69
 
Salut
Crée une division (div) dans ton popup et tu fait document.getElementById(tadiv).innerHTML = le résultat de ton formulaire.
0
Réponse 2 / 3
Natio78 Messages postés 719 Date d'inscription   Statut Membre Dernière intervention   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
Réponse 3 / 3
matiou34 Messages postés 198 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