Discussion :

[allowen]

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 :

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
 
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 :

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

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

[Pymm]

display:inline ça existe :
essaies un display:visible

[Pymm]

autant pour moi
Quelle erreur il te fait ?

[allowen]

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

[allowen]

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 :

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
 
 <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" >';

[allowen]

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

Merci Pimm