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

A voir également:

[Javascript] adapter un formulaire
Telecharger javascript - Télécharger - Langages
Formulaire de réclamation facebook - Guide
Fr adapter avis - Forum MacOS
Formulaire instagram compte suspendu - Guide
Confirmer le nouvel envoi du formulaire err_cache_miss ✓ - Forum HTML

2 réponses

Réponse 1 / 2

quera
22 août 2007 à 03:43

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>

Réponse 2 / 2

balou01
22 août 2007 à 08:57

Ok un grand merci pour cette réponse !!!!

Discussions similaires

Contacter le "bon coin"

Je n'arrive plus à récuperer mon compte Outlook

Civilité (Mr,Mme,Melle) n' apparait pas lors de l'exécution du formulaire

Javascript Arrondi à 2 chiffres après la virgule

Compte HOTMAIL bloqué . Que faire ?