En gros ça donne ça :
function toggleDisplay(elmt)
{
if(typeof elmt == "string")
elmt = document.getElementById(elmt);
if(elmt.style.display == "none")
elmt.style.display = "";
else
elmt.style.display = "none";
}
// -->
</script>
//le code html
//le choix proposé
<input type="radio" name="contenu" value="Non" onclick="toggleDisplay('conteu2');toggleDisplay('conteu');" />Oui
<input type="radio" name="contenu" value="Oui" onclick="toggleDisplay('conteu2');toggleDisplay('conteu');" checked />Non<br /><br />
<div id="conteu2" style="display: none;">blabla2</div>
<div id="conteu">blabla</div>
Par défaut :
Non
--> affichage de conteu
Sinon
Oui
--> affichage de conteu2
Les deux div doivent s'afficher alternativement en fait.
]]>
function toggleDisplay(elmt)
{
if(typeof elmt == "string")
elmt = document.getElementById(elmt);
if(elmt.style.display == "none")
elmt.style.display = "";
else
elmt.style.display = "none";
}
// -->
</script>
//le code html
//le choix proposé
<input type="radio" name="contenu" value="Non" onclick="toggleDisplay('conteu2');" />Oui
<input type="radio" name="contenu" value="Oui" onclick="toggleDisplay('conteu2');" checked />Non<br /><br />
<div id="conteu2" style="display: none;">blabla</div>
<div id="conteu">blabla</div>
J'ai dans l'idée de proposer 2 types de formulaires. Un sera visible par défaut, l'autre le sera uniquement si l'on coche une case. Pour ce faire, j'ai mis en place ce code :
<script type="text/javascript">
<!--function toggleDisplay(elmt)
{
if(typeof elmt == "string")
elmt = document.getElementById(elmt);
if(elmt.style.display == "none")
elmt.style.display = "";
else
elmt.style.display = "none";
}// -->
</script>//le code html
//le choix proposé
<input type="radio" name="contenu" value="Non" onclick="toggleDisplay('conteu2');" />Oui
<input type="radio" name="contenu" value="Oui" onclick="toggleDisplay('conteu');" checked />Non<br /><br /><div id="conteu2" style="display: none;">blabla</div>
<div id="conteu">blabla</div>
Le code globalement marche, par défaut, le formulaire de conteu s'affiche, sauf que lorsque je coche sur le oui, le formulaire de conteu ne disparait pas. Lorsque je recoche Non, le formulaire conteu disparait, reste le conteu2. Et si je remet oui, il n'y a plus aucun formulaire.
en clair, le code a un temps de retard et je ne saisi pas pourquoi, si quelqu'un avait une idée sur le sujet, d'avance merci