Discussion :

[crush911]

Bonjour, une chose très simple.

Je fais apparaître un div avec la fonction .toggle, dans mon div, j'ai un formulaire qui apparaît, lorsqu'on clique sur le bouton envoyer du formulaire, le div disparaît mais je voudrait que le div reste ouvert car je fais apparaître un message du genre "Merci votre formulaire a bien été envoyé..." ou les champs non remplis

Voici le code, j'ai enlevé les input et tout pour simplifier

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
$( "#formulaire" ).click(function() {
  $( "#show-form" ).toggle("fast");
});

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<div id="formulaire"><img src="images/demande.jpg" /></div>
<div id="show-form" style="display:none;"><form method="post" action="<?php echo $_SERVER['PHP_SELF'];?>">
         <input name="envoi" tabindex="4" value="Envoyer" type="submit" class="button">
</form></div>

[Bovino]

Ben... fais disparaitre le formulaire et pas la div alors...

[crush911]

Le problème reste le même car une fois qu'on clique sur le bouton "envoyer", le formulaire disparaît, ok si la personne a bien remplis mais si la validation est pas bonne du genre "Nom obligatoire", le formulaire a dipsaru alors pas très partique pour la personne qui le remplis.

Pour mon bouton "envoyer" referme la div ? il n'a pas d'action sur se bouton

[Bovino]

Dans ce cas, il suffit d'effectuer les vérifications sur le formulaire puis de le faire disparaitre si nécessaire...
Enfin, apparemment, j'ai du mal à comprendre où se situe ton problème.

Pour mon bouton "envoyer" referme la div ?

Euh... c'est pas exactement clair comme question...
En tout état de cause, ton bouton est de type submit, donc quand tu cliques dessus, le formulaire est envoyé car tu ne sembles jamais préciser qu'il ne faut pas le faire.

[crush911]

On aurait dû lire : Pourquoi mon bouton "envoyer" referme la div ? il n'a pas d'action sur se bouton

voici le site mobile en développement : http://hebergweb.com/mrc/test/joindre.php

Quand on clique sur "Coordonnées" le Div en dessous apparaît, quand on re clique, il disparaît, parfait.
Quand on clique sur "Demande d'information" le Div en dessous apparaît(le formulaire), quand on re clique, il disparaît, parfait.

Le problème se situe au niveau du submit, je ne veux pas que quand on clique sur submit le div se referme, tu peux tester, sans remplir le formulaire, tu vas comprendre.

[danielhagnoul]

Bonsoir

Je vous suggère d'essayer :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
$( "#envoie" ).click(function( event ) {
  event.stopPropagation(); // http://api.jquery.com/event.stopPropagation/
  $( "#show-form" ).show();
});

[crush911]

Malheureusement ça ne fonctionne pas, c'est vraiment l'action du formulaire qui faire refermer le .toggle. Quand j'enlève la balise <form> et je laisse juste le submit (sans action) la div ne se referme pas