listebox + bouton radio

Version imprimable

05/06/2008, 14h30
Nodoka

listebox + bouton radio

Bonjour,
J'ai un soucis ! Mon projet est de réaliser une page dans la quelle il y a 3 bouton radio.
Ces boutons une fois activer affiche une liste box.
Le problème est la, j'arrive a activer et désactiver une liste mais les deux autres ne fonctionnent pas.
Voici ma fonction java :

<script language="Javascript">
function GereControle(Controleur, Controle, Masquer)
{
var objControleur = document.getElementById(Controleur);
var objControle = document.getElementById(Controle);
if (Masquer=='1')
objControle.style.visibility=(objControleur.checked==true)?'visible':'hidden';
else
objControle.disabled=(objControleur.checked==true)?false:true;
return true;
}
</script>

Voici le code html :

<body>

<input type="radio" id="ls" name="radios_0" onClick="GereControle('ls', 'p_ls', '1');" />
<label for="ls">Lower School </label>
<p><select id="p_ls" size="4">
<option>LS_LIB</option>
<option>LS_ROOM_236</option>
<option>LS_ROOM_243</option>
<option>LS_ROOM_317</option>
</select>
<br/>
<br/>

<input type="radio" id="ms" name="radios_0" onClick="GereControle('ms', 'p_ms', '1');" />
<label for="ms"> Middle School<br />
</label>
<select size="7" id="p_ms">
<option>MS_ROOM_354</option>
<option>MS_ROOM_368</option>
<option>MS_LAB</option>
<option>MS_OFFICE</option>
<option>MS_ROOM_354</option>
<option>MS_ROOM_368</option>
<option>MS_TROLLEY</option>
</select><br/><br/>

<input type="radio" id="l=us" name="radios_0" onClick="GereControle('us', 'p_us', '1');" />
<label for="ls">Upper School </label>
<p><select size="15" id="p_us">
<option>US_Library</option>
<option>US_ROOM_376</option>
<option>US_GUIDANCE</option>
<option>US_Lib</option>
<option>US_LIB_off</option>
<option>US_library</option>
<option>US_MATH_DPT</option>
<option>US_office</option>
<option>US_ROOM_378</option>
<option>US_ROOM_390</option>
<option>us_room_391</option>
<option>US_room_452</option>
<option>Us_room_516</option>
<option>US-Library</option>
<option>us-office</option>
</select><br/><br/>
</p>

</body>

j'aimerai aussi avoir par défaut lors de l'ouverture de la page juste les 3 boutons de visible.
Voila en espérant une réponse :).
Amicalement Max.
05/06/2008, 14h46
tusssss

A quoi te sert le "return true" dans ta fonction ?

J'aurais préféré un onchange au onclick sur les boutons radios, mais à priori le problème ne vient pas de la.

Je continue à regarder si j'ai du temps, si tu pouvais passer ton code entre 2 balises codes, on y verrait plus clair niveau présentation

Euh oui je peut mettre tout le code avec les balise html :

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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
 
/*********************Fonction java*************************/
 
<script language="Javascript">
function GereControle(Controleur, Controle, Masquer) 
{
var objControleur = document.getElementById(Controleur);
var objControle = document.getElementById(Controle);
	if (Masquer=='1')
		objControle.style.visibility=(objControleur.checked==true)?'visible':'hidden';
	else
		objControle.disabled=(objControleur.checked==true)?false:true;
	return true;
}
</script>
</head>
<body>
 
/*****************1er liste box + bouton *********************/
 
<input type="radio" id="ls" name="radios_0" onClick="GereControle('ls', 'p_ls', '1');" />
<label for="ls">Lower School </label>
<p><select id="p_ls" size="4">
    <option>LS_LIB</option>
    <option>LS_ROOM_236</option>
    <option>LS_ROOM_243</option>
    <option>LS_ROOM_317</option>
  </select><br/><br/>
 
/*****************2eme liste box + bouton *********************/
  <input type="radio" id="ms" name="radios_0" onClick="GereControle('ms', 'p_ms', '1');" />
<label for="ms"> Middle School<br />
</label>
<select size="7" id="p_ms">
  <option>MS_ROOM_354</option>
  <option>MS_ROOM_368</option>
  <option>MS_LAB</option>
  <option>MS_OFFICE</option>
  <option>MS_ROOM_354</option>
  <option>MS_ROOM_368</option>
  <option>MS_TROLLEY</option>
</select><br/><br/>
 
/*****************3eme liste box + bouton *********************/
<input type="radio" id="us" name="radios_0" onClick="GereControle('us', 'p_us', '1');" />
<label for="us">Lower School </label>
<p><select size="15" id="p_us">
    <option>US_Library</option>
    <option>US_ROOM_376</option>
    <option>US_GUIDANCE</option>
    <option>US_Lib</option>
    <option>US_LIB_off</option>
    <option>US_library</option>
    <option>US_MATH_DPT</option>
    <option>US_office</option>
    <option>US_ROOM_378</option>
    <option>US_ROOM_390</option>
    <option>us_room_391</option>
    <option>US_room_452</option>
    <option>Us_room_516</option>
    <option>US-Library</option>
    <option>us-office</option>
  </select><br/><br/>
</p>
 
</body>
</html>

dsl je débute en programmation xD !!

05/06/2008, 14h58
tusssss

Je parlais des balises codes de l'éditeur du forum, un petit bouton avec un # dessus. :D
05/06/2008, 15h13
Nodoka

T'embête pas tusssss on ma soufflé l'astuce :)
Merci quand même !
Bonne aprem
05/06/2008, 15h26
tusssss

Je suis curieux quel était le problème?

Ma fonction

Code:

1
2
3
4
5
6
7
8
9
10
<script type="Text/Javascript">
function GereControle(Masquer)
{    
for ( var n=0;n< document.toto.sel.length;n++ )
	{    
	document.toto.sel[n].style.visibility="hidden";    
	}
    document.getElementById(Masquer).style.visibility="visible";
}
</script>

;)