adapter l'entrée en fonction de boutons radio

Version imprimable

Bonjour,

je souhaite faire une recherche dans une table selon deux manieres.

Pour cela, on a deux boutons radio pour faire sa selection : l'un pour selectionner la zone texte, l'autre pour selectionner le menu deroulant.

Mais ça ne marche pas...

voila mon code :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
function openclose(check) 
     { 
	  var saisie = document.getElementById( "nom_rech" );
	  var liste = document.getElementById( "list_rech" );
	  var selection = document.getElementById( "genre_rech" );
 
	  if( selection.checked && selection.value == 1) 
      {   
	   liste.style.display = "inline"; 
	   saisie.style.display = "none"; 
      }
	 if( selection.checked && selection.value == 0)
      {
       liste.style.display = "none";
	   saisie.style.display = "inline"; 
      }
	 }

et le code html concerné :

Code:

1
2
3
4
5
 
<input type="radio" name="genre_rech" value = "1" onclick="openclose(this)" CHECKED>saisie<input type="radio" value = "0" name="genre_rech" onclick="openclose(this)">liste
....
<input type = "text" name = "nom" id = "nom_rech" style="DISPLAY:NONE"></input>
<select name = "service" id = "serv_rech" style="DISPLAY:INLINE" style= "width:200px" >....</select>

Ou est mon erreur?

merci

31/08/2005, 12h19
Pymm

display:inline ça existe :?:
essaies un display:visible
31/08/2005, 12h28
Pymm

autant pour moi :boulet:
Quelle erreur il te fait ?
31/08/2005, 13h34
allowen

le problème est que ça change irrégulièrement voire pas du tout...

voila ça marche, le probleme se trouvait au niveau des value des boutons. Ces valeurs avec les "style" des "input" et le js ne correspondait pas.

Je remets mon code :

Code:

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
 
 <script type="text/javascript"> 
 
     function openclose(check) 
     { 
	  var saisie = document.getElementById( "nom_rech" );
	  var liste = document.getElementById( "serv_rech" );
	  var selection = document.getElementById( "genre_rech" );
 
	  if( selection.checked && selection.value == 0) 
      {  
	   liste.style.display = "none";
	   saisie.style.display = "inline"; 
      }
	  else
      {
       liste.style.display = "inline"; 
	   saisie.style.display = "none"; 
      }
	 }
     </script>
 
Choisissez votre mode de recherche :&nbsp;
<input type="radio" value = "0" name="genre_rech" onclick="openclose(this)" CHECKED >
<input type="radio" value = "1" name="genre_rech"  onclick="openclose(this)" >
 
<br><br>
<input type = "text"  id = "nom_rech" style="DISPLAY:INLINE"></input>
<select  id = "serv_rech" style="DISPLAY:NONE" style= "width:200px" >';

31/08/2005, 13h51
allowen

je ne valide "résolu" tout de suite. si vous avez des critiques ou des améliorations, je suis preneur.

Merci Pimm