Formulaire invisible puis visible

Version imprimable

16/10/2008, 08h23
koKoTis

Formulaire invisible puis visible

Bonjour, j'ai un formulaire d'envoi de mail, dans se formulaire je pose les question, mais je voudrai que la partie du formulaire qui pose les question soit invisible par défaut, et qu'il apparaisse si le visiteur coche une case, pouriez vous m'aider ?
16/10/2008, 09h07
SpaceFrog

Un tout petit effort de recherche sur le forum ? :roll:

une piste :

un fieldset à une proprété visible ou display ...
16/10/2008, 09h08
koKoTis

Avec quels mots clés ?
16/10/2008, 09h08
koKoTis

Citation:

Envoyé par SpaceFrog

une piste :

un fieldset à une proprété visible ou display ...

Ah tu a éditer ton message, je fait une recherche ;)
16/10/2008, 09h17
koKoTis

Donc avec les balises:

Code:

<FIELDSET> </FIELDSET>

Je place donc la partie du formulaire invisible entre ces balises, mais comment je fait pour rendre invisible ?
16/10/2008, 09h22
SpaceFrog

style display .....

Merci encore ;)

Donc j'ai ceci qui fonctionne:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<!-- -------------------------------------------------------------------------------------------------------------------- 
 ------------------------------------- Partie du formulaire à rendre invisible ------------------------------------- --->
 
		<p> <input type="checkbox" name="visible_1" value="checkbox" onclick="afficher('madiv')"> Accepteriez vous de r&eacute;pondre &agrave; un petit formulaire ? <em>(si oui cocher cette case)</em> </p>
 
 
		<FIELDSET id="madiv" style="display: none">
		  <p align="left">Comment avez vous connu mon site ? <br>
            <select name="connu_sit" class="couleurformulaire">
              <option value="Non pr&eacute;cis&eacute;">Non pr&eacute;cis&eacute;</option>
              <option value="Google ou autre moteur de recherche">Google ou autre moteur de recherche</option>
              <option value="Sur un forum">Sur un forum</option>
              <option value="On vous en a parlez">On vous en a parler</option>
            </select>
</p>
          <hr class="hr">
          <p align="left">Avez vous tester mon redimentionneur d'image ? <br>
              <input type="radio" name="test_redim" value="Oui j'ai tester ton outil de redimentionnement d'image">
  Oui<br>
  <input type="radio" name="test_redim" value="Non je n'est pas tester ton outil de redimentionnement d'image">
  Non </p>
          <p align="left">Avez vous rencontrer un bug ? <br>
              <input type="radio" name="test_redim_bug" value="Oui j'ai eu un bug">
  Oui<br>
  <input type="radio" name="test_redim_bug" value="Non je n'ai pas eu de bug">
  Non </p>
          <p align="left">Si vous avez eu un bug, pr&eacute;cis&eacute; ce qui c'est passer: <br>
              <textarea name="bug_redim_img" cols="80" rows="4" class="couleurformulaire">Faite votre raport de bug ici même</textarea>
          </p>
          <p align="left">Voulez vous &ecirc;tre averti lorsque le bug serat r&eacute;solu ? <br>
              <input type="radio" name="test_redim_bug_avert" value="Oui je veut être averti quand le bug serat résolu">
  Oui<br>
  <input type="radio" name="test_redim_bug_avert" value="Non je ne veut pas être averti de la correction du bug">
  Non </p>
          <hr class="hr">
          <p align="left">Voulez vous &ecirc;tre averti lorsque j'aouterai un outil sur mon site ? <br>
              <input type="radio" name="nouv_out_avert" value="Oui je veut &ecirc;tre averti quand tu ajouteras un nouvelle outil sur ton site">
  Oui<br>
  <input type="radio" name="nouv_out_avert" value="Non je ne veut pas &ecirc;tre averti quand tu ajouteras un nouvelle outil sur ton site">
  Non </p>
 
   </FIELDSET>
 
<!-- -------------------------------- Fin de la partie du formulaire à rendre invisible --------------------------------- --->
<!-- -------------------------------------------------------------------------------------------------------------------- --->

Mais il reste un détail, il faudrait que si on décoche la case le formulaire redevienne invisible, que dois-je faire ?

16/10/2008, 09h35
SpaceFrog

style display ...
16/10/2008, 09h36
koKoTis

Il faudrai que mon onclick="afficher('madiv')" soit a bascule, c'est ca ?
16/10/2008, 09h40
SpaceFrog

Code:

style.display==(style.display=='none')?'block':'none';

à vérifier toutefois la compatibilité il faudra peut être mettre ' ' au lieu de 'block'
16/10/2008, 09h42
koKoTis

J'ai mi ici:

Code:

<FIELDSET id="form_test_redim_1" style="style.display==(style.display=='none')?'block':'none';">

Mais ca ne marche plu du tout, je ne voi pas ou intégrer le style que tu ma donner
16/10/2008, 09h50
SpaceFrog

style display ... oui mais de quoi .... ???

aller je te donne un "this" ...

Ah j'ai piger en fait ça c'est le javascript, moi j'ai trouver ceci que j'ai oublier de poster tout à l'heure:
Code:

1 2 3 4 5 6 7 8 9 10 11 <script language="javascript">  function afficher(theid) { document.getElementById(theid).style.display = 'block'; } function cacher(theid) { document.getElementById(theid).style.display = 'none'; } </script> 
J'ai essayer d'enlever le block mais ça ne change rien

Code:

1
2
3
function afficher(theid)
{
  document.getElementById(theid).style.display =(document.getElementById(theid).style.display=='none')?'block':'none';}

J'ai essayer:

Code:

1
2
3
4
5
6
7
8
9
10
<script language="javascript"> <!-- Script d'invisibilité du formulaire --->
function afficher(theid)
{
  document.getElementById(theid).style.display = 'block';
}
this
{
  document.getElementById(theid).style.display = 'none';
}
</script> <!-- Fin du script d'invisibilité du formulaire --->

Mais en vin :(

Citation:
Envoyé par SpaceFrog
Code:

1 2 3 function afficher(theid) { document.getElementById(theid).style.display =(document.getElementById(theid).style.display=='none')?'block':'none';}
Ah j'avais pas vu ton message c'est parfait merci encore ;) ;) ;) ;)

16/10/2008, 10h39
koKoTis

Ah une dernière question, comment puis-je faire pour que quand on actualise la page les formulaire qui on été rendu visible le reste, ne redevienne pas invisible quoi ?
16/10/2008, 10h46
SpaceFrog

avec un cookie ou en passant l'etat dans un paramètre get
et une fonction dans le onload qui recupère ce paramètre et agit en conséquence sur le display du fieldset
16/10/2008, 10h48
koKoTis

Citation:

Envoyé par SpaceFrog

en passant l'etat dans un paramètre get

Comment faire ?

Citation:

Envoyé par SpaceFrog

et une fonction dans le onload qui recupère ce paramètre et agit en conséquence sur le display du fieldset

pourrais tu me donner le nom de cette fonction ?
16/10/2008, 10h54
SpaceFrog

Direction la FAQ ... passage de parmètres dasn l'url
16/10/2008, 10h59
koKoTis

cet exemple ?
http://cyberzoide.developpez.com/php4/url/#pobject

Il faut que je passe par PHP ?
16/10/2008, 11h37
koKoTis

Bon pour l'intant j'ai mi un:

Code:

onLoad="document.forms.monform.reset();"

dans ma balise body, ce évite que quand on actualise la page les case reste coché mais que les formulaire redeviennent invisible se qui dérègle tous

Quand je comprendrai un mieux mieux comment passer les get je reprendrai mon formulaire
16/10/2008, 12h33
SpaceFrog

non pas besoin de php pour ça

http://javascript.developpez.com/faq...vig#RecupParam
16/10/2008, 12h36
koKoTis

mais dans mon formulaire je plusieurs partie invisible qui deviennent visible quand on coche les cases adéquate, ça ce complique :?
16/10/2008, 12h49
SpaceFrog

passe plusieurs paramètres ou un seul paramètre dans une chaine concaténée ???
16/10/2008, 13h02
koKoTis

ok, mais pour l'instant j'ai encore du mal a comprendre ce bout de code dans la faq