Discussion :

[allowen]

Bonjour,

J'ai trois boutons radios portant le meme nom :

Code :

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

1
2
3
4
 
<input type="radio" value = "0" name = "sel_inser" onclick="openclose2(this)" CHECKED>Structure
 <input type="radio" value = "1" name = "sel_inser" onclick="openclose2(this)">Fonction<br \>
 <input type="radio" value = "2" name = "sel_inser" onclick="openclose2(this)">Population<br \><br \>';

et mon script 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
20
21
22
23
24
25
26
27
28
29
 
 function openclose2(check) 
     { 
	  var str = document.getElementById( "saisie1" );
	  var fon = document.getElementById( "saisie2" );
	  var pop = document.getElementById( "saisie3" );
	  var selection2 = document.getElementById( "sel_inser" );
     alert(selection2.value);
	  if(selection2.checked && selection2.value == 0) 
      {  
	   str.style.display = "inline";
 
	   fon.style.display = "none";
	   pop.style.display = "none";
      }
 
	  if(selection2.checked && selection2.value == 1) 
      { 
	   str.style.display = "none";
	   fon.style.display = "inline";
	   pop.style.display = "none"; 
      }
	  if(selection2.checked && selection2.value == 2) 
      { 
	   str.style.display = "none";
	   fon.style.display = "none";
	   pop.style.display = "inline";
      }
	 }

Lorsque j'essaie de sélctionner un autre bouton radio, il ne ne passe rien (alors que la zone de saisie spécifique devrait s'afficher) mais quand je reviens sur le bouton d'origine(structure), j'ai le message d'erreur "objet requis)

Enfin voila les differentes parties à afficher :

Code :

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

1
2
 
<div id = "saisie1" style="DISPLAY:INLINE">Quel nom donner à cette structure ? : <input type = "text" name = "nomstr" maxlength = "40" size = "30"></div>

les deux autres sont style="DISPLAY:NONE


Je ne comprends plus rien. Quelle est l'erreur?
Merci

[KiLVaiDeN]

Salut,

getElementById marche avec l'id.

Donc il faut préciser un id si tu veux que ça fonctionne, comme ceci :

Code :

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

<input type="checkbox" name="truc" id="monid" value="bla">

Il existe aussi la fonction getElementByName qui dans ton cas marchera.

Je pense que ton erreur vient de là, A+

[allowen]

ça ne marche toujours pas.

ça m'énerve de passer trois heures pour un petit truc.

Est ce que j'utilise une bonne méthode?

Merci

[KiLVaiDeN]

Je comprend que ça t'enerve.

Peux-tu poster ton code complet ?

[allowen]

ok pas de problème

pour la fonction 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
20
21
22
23
24
25
26
27
28
29
30
 
 
 function openclose2(check) 
     { 
	  var str = document.getElementById( "saisie1" );
	  var fon = document.getElementById( "saisie2" );
	  var pop = document.getElementById( "saisie3" );
	  var selection2 = document.getElementById( "sel_inser" );
 
	  if(selection2.checked && selection2.value == 0) 
      {  
	   str.style.display = "inline";
 
	   fon.style.display = "none";
	   pop.style.display = "none";
      }
 
	  if(selection2.checked && selection2.value == 1) 
      { alert("fon"); 
	   str.style.display = "none";
	   fon.style.display = "inline";
	   pop.style.display = "none"; 
      }
	  if(selection2.checked && selection2.value == 2) 
      { alert("pop"); 
	   str.style.display = "none";
	   fon.style.display = "none";
	   pop.style.display = "inline";
      }
	 }

pour le 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
 
 <input type="radio" value = "0" id = "sel_inser" onclick="openclose2(this)" CHECKED>Structure
 <input type="radio" value = "1"   id = "sel_inser" onclick="openclose2(this)">Fonction<br \>
 <input type="radio" value = "2"  id = "sel_inser" onclick="openclose2(this)">Population<br \><br \>
 
<div id = "saisie1" style="DISPLAY:INLINE">
<input type = "text" name = "nomstr" maxlength = "40" size = "30">
</div>
 
<div id = "saisie3" style="DISPLAY:NONE">
<table><tr><td><input type = "text" name = "nomloc" maxlength = "40" size = "30"></td></tr>
<tr><td>Numéro</td><td><input type = "text" name = "num_loc"   maxlength = "10" size = "9"></td></tr>
 <tr><td>Fax</td><td><input type = "text" name = "fax_loc" maxlength = "4"  size = "2"></td></tr>
 <tr><td>Bip</td><td><input type = "text" name = "bip_loc" maxlength = "4"  size = "2"></td></tr>
 <tr><td>Detc</td><td><input type = "text" name = "detc_loc" maxlength = "4"  size = "2"></td></tr></table>
 </div>
 
<div id = "saisie2" style="DISPLAY:NONE">
<table><tr><td>Fonction</td><td><input type = "text" name = "fonction_t" maxlength = "40" size = "30"></td></tr>
 <tr><td>Nom</td><td><input type = "text" name = "nom_t" maxlength = "30" size = "20"></td></tr>
 <tr><td>Pr&eacute;nom</td><td><input type = "text" name = "prenom_t" maxlength = "30"  size = "20"></td></tr>
 <tr><td>Matricule</td><td><input type = "text" name = "matricule_t" maxlength = "6" size = "4"></td></tr>
 <tr><td>Numéro</td><td><input type = "text" name = "num_t"   maxlength = "10" size = "9"></td></tr>
 <tr><td>Fax</td><td><input type = "text" name = "fax_t" maxlength = "4"  size = "2"></td></tr>
 <tr><td>Bip</td><td><input type = "text" name = "bip_t" maxlength = "4"  size = "2"></td></tr>
 <tr><td>Detc</td><td><input type = "text" name = "detc_t" maxlength = "4"  size = "2"></td></tr></table>
 </div>

Merci pour l'aide[/code]

[KiLVaiDeN]

Il y a bien une balise form ? ( bien que je ne pense pas que le problème vienne de là, sans balise form, un formulaire est un peu inutile )

Essaie avec :

Code :

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

var selection2 = document.getElementByName( "sel_inser" );

En mettant à nouveau tes checkbox en name au lieu d'id. Je pense que pour un formulaire, tu es obligé d'avoir les attributs name renseignés de toutes manières.

Sinon, il te reste une autre solution moins propre :

Code :

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

var selection2 = document.nomForm.sel_inser;

Avec nomForm étant l'attribut name de ta balise <form>.

[allowen]

je te remercie beaucoup.
Je crois que tu as raison et je me rends compte que mon code est ambigu.

J'ai trouvé une autre méthode qui cette fois ci marche rapidement.

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
 
 function openclose3(admannu) 
     { 
	 var str = document.getElementById( "saisie1" );
	  var fon = document.getElementById( "saisie2" );
	  var pop = document.getElementById( "saisie3" );
 
 if(admannu.sel_inser[0].checked){
	 str.style.display = "inline";
	 fon.style.display = "none";
	 pop.style.display = "none";
	 }
 
	 if(admannu.sel_inser[1].checked){
	 str.style.display = "none";
	 fon.style.display = "inline";
	 pop.style.display = "none";
	 }
 
	 if(admannu.sel_inser[2].checked){
	  str.style.display = "none";
	 fon.style.display = "none";
	 pop.style.display = "inline";
	 }

le nom du formulaire est admannu, le reste ne change pas

Peux tu me dire ce que tu en penses, s'il te plaît?