Formulaire et javascript : radio et select interd�pendants

Bonjour,

Je suis compl�tement d�butant en javascript. J'ai lu quelques tutoriaux, mais seulement, vous l'avez devin�, j'ai un petit soucis avec la mise en pratique.

En fait, mon probl�me est le suivant :
j'ai deux listes SELECT, que je voudrais griser en fonction de boutons radio.
En gros, si le premier radio est check�, la deuxi�me liste est d�activ�e, et si c'est le second, la premi�re liste est gris�e.
J'avais donc ins�r� l'option onFocus="document.forms[0].liste1.disabled='TRUE'" pour d�sactiver mes listes SELECT (j'avais mis �a dans les balises des boutons radio)
Mon probl�me est de les r�-activer.
J'ai essay� avec onBlur="document.forms[0].liste1.disabled='FALSE'", sans succ�s.

Second probl�me, lorsque je charge ma page, un bouton radio est s�lectionn� par d�faut (le n� du bouton est stock� avec PHP). Est-il possible de griser la liste correspondante au chargement de la page ?

Merci de vos r�ponses. :P

Bonjour,
il serait plus ad�quat d'�crire
onFocus="document.forms[0].liste1.disabled=true"

et pour r�activer
onFocus="document.forms[0].liste1.disabled=false"

Le fait de les mettre 1. En majuscules 2. entre '' fausse la donne et envoi true syst�matiquement.

Pour ta deuxi�me question, une p'tite astuce :
En supposant que $var soit la variable qui contienne le num�ro de la liste � d�sactiver.

Code:

---

1 2 3 4 5 6 7 8 9 10

<select name="pre" <?if($var==1) {echo 'DISABLED';}> <option.. ..... ..... </select> <select name="deux" <?if($var==2) {echo 'DISABLED';}> <option.. ..... ..... </select>

---

Merci beaucoup kabkab ! :P
Mon formulaire a d�j� plus de gueule !

Dernier soucis : j'ai un pote qui a un mac, et sous safari...�a ne passe pas : les options ne se d�grisent pas.
Des id�es sur l'origine du probl�me ?

Merci encore.

Bonjour,

Citation:

---

Envoy� par kabkab

il serait plus ad�quat d'�crire
onFocus="document.forms[0].liste1.disabled=true"

et pour r�activer
onFocus="document.forms[0].liste1.disabled=false"

---

+ pour le true/false

Par contre, pour �viter les probl�mes de compatibilit�, utilise plut�t les id pour acc�der aux �l�ments de la page.

Code:

---

<select id="pre" name="pre" <?if($var==1) {echo 'DISABLED';}>

---

puis tu pourras faire

Code:

---

onfocus="document.getElementById('pre').disabled=true;"

---

Les noms des �v�nements sont toujours en minuscules (comme toute propri�t� HTML) ...

EDIT : par contre, attention : contrairement au name l'id doit �tre unique dans la page ...

A+

Salut !

J'ai modifi� en rempla�ant les forms[0].nomduchamp par getElementById['idduchamp'], seulement, �a ne change rien au probl�me de mon pote...

D'autres id�es ?

Merci.

Code:

---

getElementById['idduchamp']

---

Citation:

---

Envoy� par Warno

D'autres id�es ?

---

Une autre, oui : remplace les [] par des () ...

A+

Autant pour moi ! J'ai bien �cris avec des parenth�ses dans mon code.
Le probl�me ne se trouve donc pas l�....malheureusement.

:oops:

[EDIT] Y a-t-il quelque chose de particulier � faire pour que le javascript soit lu par Safari ?
En fait, j'ai deux pistes :
- soit le javascript est mal d�clar� (si il y a besoin de le d�clarer...) dans ma page
- soit il y a un soucis avec la fonction onfocus en particulier : en effet, j'ai d�j� des pages sur mon site avec du javascript (fonction onmouseover) qui fonctionne sous Safari

Ah si tout le monde �tait sous FFx....8-)

Au fait, je pense que j'ai trouv� d'o� vient le probl�me.
En fouinant un peu � droite � gauche, j'ai trouv� la cause de mon probl�me : le onfocus n'est pas d�clench� par le clic de la souris sous Safari ! 8O

Effectivement, lorsque je s�lectionne mes entr�es avec le clavier, les champs se d�grisent et se grisent correctement....

Ma question, vous l'avez devin� : comment rem�dier � cela ? :?

Merci de vos r�ponses.:P

[EDIT] : je crois que j'ai trouv� une solution : remplacer le onfocus par un onchange.
Ca r�gle le pb sous safari et FFx.
Par contre, c'est g�r� un peu bizarrement sous IE...mais bon.