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.