Menu

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

matiou34 200 Messages postés mardi 22 avril 2008Date d'inscription 27 janvier 2015 Dernière intervention - 18 sept. 2012 à 03:50 - Dernière réponse : matiou34 200 Messages postés mardi 22 avril 2008Date d'inscription 27 janvier 2015 Dernière intervention
- 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
Utile
Salut
Crée une division (div) dans ton popup et tu fait document.getElementById(tadiv).innerHTML = le résultat de ton formulaire.
Natio78 722 Messages postés vendredi 9 novembre 2007Date d'inscription 27 mai 2013 Dernière intervention - 19 sept. 2012 à 14:51
0
Utile
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();

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