Discussion :

[koKoTis]

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 ?

[SpaceFrog]

Un tout petit effort de recherche sur le forum ?

une piste :

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

[koKoTis]

Avec quels mots clés ?

[koKoTis]

une piste :

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

Ah tu a éditer ton message, je fait une recherche

[koKoTis]

Donc avec les balises:

Code :

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

<FIELDSET> </FIELDSET>

Je place donc la partie du formulaire invisible entre ces balises, mais comment je fait pour rendre invisible ?

[SpaceFrog]

style display .....

[koKoTis]

Merci encore

Donc j'ai ceci qui fonctionne:

Code :

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

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 ?

[SpaceFrog]

style display ...

[koKoTis]

Il faudrai que mon onclick="afficher('madiv')" soit a bascule, c'est ca ?

[SpaceFrog]

Code :

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

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

à vérifier toutefois la compatibilité il faudra peut être mettre ' ' au lieu de 'block'

[koKoTis]

J'ai mi ici:

Code :

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

<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

[SpaceFrog]

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

aller je te donne un "this" ...

[koKoTis]

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 :

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

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

J'ai essayer d'enlever le block mais ça ne change rien

[SpaceFrog]

Code :

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

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

[koKoTis]

J'ai essayer:

Code :

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

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

[koKoTis]

Code :

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

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

[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 ?

[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

[koKoTis]

en passant l'etat dans un paramètre get

Comment faire ?

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 ?

[SpaceFrog]

Direction la FAQ ... passage de parmètres dasn l'url