enable/disable listbox avec radiobouton

Version imprimable

Bonjour!

J'ai deux radioboutons, et j'aimerais que:
lorsque je sélectionne le premier:
-> la listbox soit activée/text déactivé (grisé)
lorsque je sélectionne le second:
-> la listbox soit désactivée (=> grisée) et text activé.

J'ai tenté, j'arrive à désactiver avec un onchange mais pas à réactiver. J'ai besoin d'aide sur ce coup...merci!
Code:

1 2 3 4 5 6 7 <form action="" method="get" name="frmtest"> <input name="rad" type="radio" value="1" /> <input name="rad" type="radio" value="0" /> <input name="txt" id="txt" type="text" /> <select name="sel"> <option value="test">test</option> </select>

Pfiou j'ai trouvé! :D
Copié-collé de mon code, ne marche évidemment pas avec le code donné pour l'exemple!
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 <SCRIPT LANGUAGE="JavaScript">  </SCRIPT>
Plus bien sûr mettre un show_hide() dans le onchange des 2 radioboutons.
Je peux remplacer les "document.frm1.id_fonction" par des getElementById('fonction')? Ou rien à voir?

16/02/2006, 16h35
denisC

Tu as un problème quasiment identique dans la :faq: (checkbox au lieu de radio)

Citation:

Envoyé par -DeN-

Je peux remplacer les "document.frm1.id_fonction" par des getElementById('fonction')?

Tu peux et tu dois remplacer cet adressage de m**** (document.frm1.id_fonction) par des document.getElementById (après avoir mis les ids corrects au bon endroit, bien sur).
16/02/2006, 16h50
-DeN-

Merci, mais si je met des getElementById() ça ne marche plus...

Erreur : getElementById is not defined

Pourtant j'ai bien:
if(getElementById('check0').value = 0) {
}

et
echo "
<input name=\"fonction\" id=\"check0\" type=\"radio\" value=\"0\" onchange=\"javascript:show_hide();\" checked=\"checked\" />";
16/02/2006, 17h00
denisC
Citation:

Envoyé par -DeN-

Merci, mais si je met des getElementById() ça ne marche plus...
Code:

1 2 document.getElementById()
C'est une méthode de document, pas une méthode sans rien devant... (qui serait dans windows).

yes, parfait. Mon code est bien plus propre!

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
<SCRIPT LANGUAGE="JavaScript">
<!-- HIDE THE SCRIPT FROM OTHER BROWSERS
function show_hide() {
	if(document.getElementById('check0').checked) {
		document.getElementById('nouvelle_fonction').disabled = true;		
		document.getElementById('id_fonction').disabled = false;
	}else{
		document.getElementById('nouvelle_fonction').disabled = false;
		document.getElementById('id_fonction').disabled = true;			
	}
}
// STOP HIDING FROM OTHER BROWSERS -->
</SCRIPT>

Thanks!!