Discussion :

[jiojioforever]

Bonjour,
j'aurais voulu savor ou je pouvais trouver un tuto concernant un formulaire dynamique.
J'ai déjà une formulaire avec des vérif sur des champs, des focus, alert mais je cherche plus à dynamisé le formulaire dans le sens où par exemple...

L'utilisateur à le choix dans une liste déroulante entre 1 / 2 / 3. Si celui-ci selectionne 3 alors 3 option s'affiche en revanche s'il selectionne 2, il pourra voir 2 option.


Un autre chose également. Avec un exemple de "Si oui lquel". Si l'utilisateur selectionne oui, un fenetre de saisie s'affiche et l'utilisateur peut mettre ces données dans celle-ci.

Je pense que tout cela se fait via javascript mais je n'ai franchement trouvé aucun tuto sur ça.

Je pense qu'il doit avoir quelque chose avec le hidden non ?

merci d'avance

[SpaceFrog]

il faut tou simplement jouer sur le display des elements que tu souhaites afficher ou cacher ...

[jiojioforever]

rien de plus ? je ne mais rien dans des div ? pour le moment j'ai juste ma page en html et volà

[SpaceFrog]

pour la liste deroulante il suffit sur le onchange de lancer une petite fonction qui modifiera le display des options en fonction du choix ...

[jiojioforever]

ok je vais me lancer sur ça

merci

[SpaceFrog]

si tu as des soucis, poste des bouts de code ici, on pourra t'aiguiller ...

[jiojioforever]

J'ai trouvé un petit script parfait

Code :

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

1
2
3
4
5
6
7
8
9
10
<SCRIPT language="JavaScript">
function RendVisible(valeur) {
  if (valeur == "Oui") {
      document.getElementById('test').style.display = "block";
   }
   else {
       document.getElementById('test').style.display = "none";
   }
}
</script>

<

Code :

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

1
2
3
4
5
6
7
8
form>
<select onchange="RendVisible(this.value, this.name)" NAME="risquemedical_ouinon_emprunteur">
              <option selected="selected" value="Non" title="Non">Non</option>
              <option value="Oui" title="Oui">Oui</option>
           </select>
</form>
 
<div style="display:none" id="test">lequel ? <input type="text" name="risque_medical_emprunteur" size=16 /></div>

mais un petit probleme se rencontre. Si j'ai une 2eme liste de selection la fonction prend l'ID 'test' alors comment faire pour lui dire de prendre l'id selon le select...J'avais bien pensé de mettre tout mes id dans ma fonction mais je pense qu'il doit avoir un moyen plus rapide

merci d'avance

[jiojioforever]

c'est bon, je passe directement la valeur de l'id dans la fonction

[SpaceFrog]

passe directement l'objet ...

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
<SCRIPT language="JavaScript">
function RendVisible(obj) {
  if (obj.valeur == "Oui") {
       obj.style.display = "block";
   }
   else {
       obj.style.display = "none";
   }
}
</script>

[jiojioforever]

c'est à dire ?

pour mon formulaire ça donne quoi

[SpaceFrog]

arf non je croyais que l'lement masqué était celui qui avait le value ...
reste sur ta solution ...

[jiojioforever]

ok ok pas de soucis

[djoyanna]

bonjour j'ai un probleme concernant une fonction javascript qui permet d'afficher ou non un champ text.
c'est un questionnaire avec reponse dans <select><option>. les questions viennent d'une table question et les reponse de la table réponse. il y a autant de champ <select><otpion> qu'il existe de réponse. donc une question appel plusieurs réponses. par contre dans chaque <select><option> j'affiche une option "autre" qui, si elle est selectionné, permet d'afficher un champs text de cette manière si l'utilisateur ne trouve pas la réponse qui lui correspond il peut formuler lui même sa réponse.
voici ma fonction jav ascript qui permet de rendre ou non visible mon champ text si "autre" est cliké :

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
<script language="javascript">
function RendVisibleVille(texte)
{
 
if (texte=="autre")
document.getElementById("test").style.visibility= 'visible';
else
document.getElementById("test").style.visibility= 'hidden';
}
</script>
 
elle fonctionne et est appelée dans l'affichage d'une requete sql :
$nbQuestion = 0;
 
 
$lResult3 = $lCoupon->SelectQuestion();//ici on affiche la question et on recupere son id
foreach ($lResult3 as $row3)
{	$nbQuestion++; 
    echo '<p>';
    echo $row3['intitule_question'];
    echo '</p>';
    $question=$row3['id_question'];
 
    $lResult4 = $lCoupon->SelectReponse($question); //ici on affiche les reponse possible correspondante a ll'id de la question
 
echo " <SELECT size=1  onchange='RendVisibleVille(this.value)' name='reponse".$nbQuestion."'> ";
        foreach ($lResult4 as $row4)
        {  
 
		//affichage des reponse possible dasn option
        $reponse=$row4['id_reponse'];
 
        echo "\n".'<option value='.$row4['id_reponse'].'>'; 
        echo  $row4['intitule_reponse']; 
		//echo $reponse;
        echo '</option>';
		$recherche2=$_POST['recherche2'];
        }
	//après on affiche 1 champ autre dans tou les <select>
echo "<OPTION value='autre'>autre</OPTION></SELECT>";		
?><p>
<div id="test" style="visibility:hidden">
<input type="text" name="reponse"></div>
</p>

voici mon problème :
on appel toujour cette fonction qlqsoit le "autre" selectionner : c'est a dire si je ckik sur le autre de la question numéro 4 le champ test saffichera a la fin de la première question. donc c toujour le mm champ text qui apparait puique la fonction appelé porte toujour le mme nom. il n'y a donc qu'un seul champ text qui est généré.
voilà jespere que j'ai été assez clair.
je vous remercie beaucoup pour votre aide.