Ouvrir résultat formulaire dans popup jquery [Résolu/Fermé]

Messages postés
200
Date d'inscription
mardi 22 avril 2008
Statut
Membre
Dernière intervention
27 janvier 2015
- - Dernière réponse : matiou34
Messages postés
200
Date d'inscription
mardi 22 avril 2008
Statut
Membre
Dernière intervention
27 janvier 2015
- 20 sept. 2012 à 02:57
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 !


Afficher la suite 

3 réponses

0
Merci
Salut
Crée une division (div) dans ton popup et tu fait document.getElementById(tadiv).innerHTML = le résultat de ton formulaire.
Messages postés
721
Date d'inscription
vendredi 9 novembre 2007
Statut
Membre
Dernière intervention
27 mai 2013
95
0
Merci
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();

Messages postés
200
Date d'inscription
mardi 22 avril 2008
Statut
Membre
Dernière intervention
27 janvier 2015
4
0
Merci
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>