[Javascript] adapter un formulaire

Fermé
balou01 - 21 août 2007 à 23:03
 balou01 - 22 août 2007 à 08:57
Bondoir a tous !!!

voila je suis en train de créer un formulaire...

Dans ce formulaire a un moment il y a une question ou la réponse (oui ou non) se fait grace a deux input type radio... Jusque la rien de bien compliqué...
Voici la partie du code qui nous interesse:
<p>
Aimez vous le sport ?<br/>
<input type="radio" name="sport" value="oui"  id="oui" tabindex="260"><label for="oui">Oui</label>
<input type="radio" name="sport" value="non" id="non" tabindex="270"><label for="non">Non</label>
</p>


Mais la je souhaite faire quelque chose qui n'est pas dans mes compétences. Je souhait que si la réponse est "oui" une nouvelle question s'affiche ou si la réponse est non une autre question s'affiche...

Je sais qu' un des moyens qui permet de réaliser ceci est le javascript !
Cependant mes compétence s'arrete au xhtml et php/SQL...


Je suppose que pour quelqu'un qui s'y connait un minimum en javascript cela ne doit pas etre très compliqué...
J'aimerais donc que quelqu'un me code le petit morceau dont j'ai besoin avec si possible les explications qui vont avec ! (toujours bon de s'instruire!!!) ;)

Par avance merci !

cordialement,

balou01.

2 réponses

Salut
c'est pas la meilleur solution mais je crois que vous pouvez l'utiliser pour le moment :


<html>
<head>
<script language="javascript">

function afficherQuestion(x)
{
if(x == 0)
{
document.test.getElementsByTagName('div')[0].style.display = 'block';
document.test.getElementsByTagName('div')[1].style.display = 'none';
}
else
{
document.test.getElementsByTagName('div')[0].style.display = 'none';
document.test.getElementsByTagName('div')[1].style.display = 'block';
}
}

</script>
</head>
<body>
<form name="test">
<p>
Aimez vous le sport ?<br/>

<input type="radio" name="sport" value="oui" id="oui" tabindex="260" onClick="afficherQuestion(0)">
<label for="oui" >Oui</label>
<input type="radio" name="sport" value="non" id="non" tabindex="270" onClick="afficherQuestion(1)">
<label for="non">Non</label>
<div style="display: none">
Premiere question ?
</div>
<div style="display: none">
Deuxieme question ?
</div>
</p>
</form>

</body>
</html>
0
Ok un grand merci pour cette réponse !!!!
0