Discussion :

[BiM]

Bonjour,

J'ai une question bête et j'ai beau chercher je ne trouve pas la réponse...

En fait, j'ai une case à cocher, quand je clique dessus, ca passe en disabled d'autres éléments.

Quand je la décoche, je veux enlever le disabled. Alors j'essaye de mettre n'importe quoi dans la propriété disabled mais ca ne fonctionne pas.

Alors j'aimerais savoir comment j'enlève la propriété disabled d'un élement svp ?

[BiM]

Auto-réponse powa.

Je mets à disabled de la façon suivante (jusque là ça va) :

Code Javascript :

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

window.document.getElementsByName("monElement")[0].disabled = "disabled";

Et j'enlève le disabled comme ceci :

Code Javascript :

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

window.document.getElementsByName("monElement")[0].removeAttribute("disabled");

Valide W3C

[Candygirl]

Hello,

Tu parles de l'attribut html disabled et non d'une propriété CSS .
Je déplace sur javascript.


Même si tu as déjà trouvé réponse à ton problème, il me semble que tu peux faire de cette manière:

Code :

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

1
2
3
 
document.getElementsByName("monElement")[0].disabled = true;
document.getElementsByName("monElement")[0].disabled = false;

Mais je ne maitrise pas trop javascript donc ne saurait dire quelle option est la meilleure

[BiM]

Bonjour,

Ceci n'est pas validé W3C et ne fonctionne pas sur Firefox. Le but étant d'avoir quelquechose de propre.

Ceci dit, je ne différencie pas trop CSS et Javascript au niveau propriétés donc il est possible que je confonde

Au temps pour moi

[Oscar Hiboux]

Ceci n'est pas validé W3C et ne fonctionne pas sur Firefox. Le but étant d'avoir quelquechose de propre.

J'aimerais appuyer la solution de Candygirl, c'est ce que je fais toujours. C'est toujours intéressant de connaître les standards; la W3C c'est bien, en abuser ça craint !

Qu'y a-t-il de plus propre que donner la valeur "true" ou "false" à un booléen ?

Au passage, ça marche sous Firefox, c'est pas faute de l'avoir utilisé !

Pour finir, une petite note d'avertissement : lorsqu'un champ est signalé comme "disabled" il n'est généralement pas soumis au serveur. Pour éviter ce désagrément on peut utiliser la propriété "readOnly" (attention au O majuscule), un booléen également. Cette propriété empêche la modification du champ par l'utilisateur mais sa valeur sera tout de même transmise, au même titre que les autres champs du formulaire qui ne sont pas "disabled". Au niveau du style il faut par contre ajouter une règle CSS ou deux pour voir les champs grisés en cas de besoin, rien de trop coriace. Exemple :

Code :

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

1
2
3
4
input[readOnly] {
    background-color: #CCC;
    color: #666;
}