Discussion :

[fongus]

bonjour,

voila je n'y connais absolument pas grand chose en javascript et je cherche un peu d'aide pour mon script que j'ai repiqué sur un autre site. Vous me direz c ultra simple mais quand meme.

voila je cherche à cacher des éléments d'un formulaire dans un tableau html.
quand je coche sur oui les éléments apparaissent et qd je coche sur non les éléments disparaissent.

voici mon code html

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
 
<script language="JavaScript" src="modifierEmission.js"></script>
<table border="0">
<form id="ajouterAnimateur" action="ajouterAnimateur.php" method="POST" onClick="checkVisibility()>
 <tr> 
      <td> animteur Génrant un site : </td>
      <td>oui</td>
      <td><input type="radio" name="radio" value="oui"> </td>
      <td>non</td>
      <td><input type='radio' name="radio" value="non" checked="Checked"></td>
    </tr>
<div id="visible">
	<tr>
		<td>login :</td><td><input type="text" name="login"></td>
	</tr>
    <tr> 
	<tr>
		<td>mot de pass :</td><td><input type="password" name="mdp"></td>
	</tr>
	</div>
    <tr> 
</table> 
 <script>
  <!--
  document.onload=checkVisibility();
  //-->
  </script>

voici le code dans la page modifierEmission.js

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
 
function checkVisibility() {
	if (document.getElementById) { //mozilla, netscape
		if(document.ajouterAnimateur.radio.selectedIndex=='non') {
			document.getElementById('visible').style.visibility='hidden';
     	}
     	else {
          document.getElementById('visible').style.visibility='visible';
     	}
    }
	else if (document.all) { //IE
		if(document.ajouterAnimateur.radio.selectedIndex=='non') {
			document.all['visible'].style.visibility = 'hidden';
     	}
     	else {
      	document.all['visible'].style.visibility = 'visible';
     	}
   }
}

voila si quelqu'un pouvait m'aider j'en serai très reconnaissant.
merci d'avance ++

[SpaceFrog]

Code :

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

document.ajouterAnimateur.radio.selectedIndex

te retourne un integer ... donc il ne peut en aucun cas être égal à "non"
et ça te retouren un integer pour un select:

Code :

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

1
2
3
4
5
6
7
<select onchange="alert(this.selectedIndex)">
	<option>w</option>
	<option>w</option>
	<option>w</option>
	<option>w</option>
	<option>w</option>
</select>

la syntaxe devrait pluto ressembler à :

Code :

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

if(document.ajouterAnimateur.radio[0].checked)

[javatwister]

utilise un élément checkbox plutôt qu'un radio, et fais:

Code :

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

1
2
3
4
5
6
7
8
9
<script type="text/javascript">
 
function clic(ch){
document.getElementById("visible").style.display= (ch.checked) ? "block" : "none";
}
 
</script>
 
<input type="checkbox" onclick="clic(this)" />

sachant que le display du div est à "none" à l'origine;

[fongus]

salut,

merci pour la reponse de space frog qui me semble bonne mais malheuresement je viens de la tester et il ne sepasse rien.

donc voila j'ai fait ma modif.

malheuresement ca ne fonctionne toujours pas
alors pourquoi je veux que qd je clic sur oui mes éléments apparraissent sinon qu'il reste caché.

voila ce que j'ai modifié
est ce que en html le mélange d'un tableau et d'un calque fait bon menage mon erreur pourrai peut etre venir de ca

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
 
function checkVisibility() {
	if (document.getElementById) { //mozilla, netscape
		if(document.ajouterAnimateur.radio[0].checked) {
			document.getElementById('visible').style.visibility='hidden';
     	}
     	else {
          document.getElementById('visible').style.visibility='visible';
     	}
    }
	else if (document.all) { //IE
		if(document.ajouterAnimateur.radio[0].checked) {
			document.all['visible'].style.visibility = 'hidden';
     	}
     	else {
      	document.all['visible'].style.visibility = 'visible';
     	}
   }
}

et pour l'autre solution c gentils mais je travail sur des boutons radio et des non sur des checkboxs m'enfin merci qd meme

[fongus]

bon finalement je vais prendre la slotion des checkboxs qui fonctionne merci qd meme ++

[fongus]

bon et avec la solution checkbox comment faire pour que par defaut les element soit caché.

voila merci

[javatwister]

merci pour tes commentaires pleins de gratitude;

pour que la propriété de style display d'un élément ait la valeur none, il faut écrire:

Code :

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

style="display:none"

mais rien à voir avec ce forum;

[fongus]

merci les gens ca marche nikel avec la solution checkbox

donc voila ++