Discussion :

[L'AMI Yves]

Bonjour à tous.

Je reviens avec encore un truc qui paraît simple, et que je n'arrive pas à faire marcher :

Dans ma page Web, j'ai un formulaire qui contient cette ligne :

Code HTML :

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

1
2
              <td id='bouton8'>
              <td><input type='button' name='H' value='8' onclick='executer(8)' disabled=true>

Et à un certain moment, je déclenche une routine javascript qui contient ces lignes :

Code :

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

1
2
3
 
    document.getElementsByName('H').disabled=false;
		alert(document.getElementsByName('H').disabled);

Or, quand je déclenche la routine, j'ai bien le message "false" qui apparait, mais le bouton ne fonctionne pas, et la console de "Examiner l'élément" me dit que le bouton est "disabled".

Je n'ai plus d'idée, c'est pourquoi je me tourne vers vous.

A vot' bon cœur !

AMIcalement.

[javatwister]

Salut,

ça ressemble à un problème de cache avéré avec ffx; vide et retente...

[Loralina]

Bonjour,

Je n'ai plus d'idée

Pourquoi s'arrêter à un seul affichage ?

Il faut tenter au hasard :
- Afficher la valeur de disabled avant modification.

Code :

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

1
2
3
alert(document.getElementsByName('H').disabled);
document.getElementsByName('H').disabled=false;
alert(document.getElementsByName('H').disabled);

Le premier alert devrait afficher "undefined".
Etrange, non ?

- Vérifier que l'objet ramené est bien le bon :

Code :

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

1
2
3
4
alert(document.getElementsByName('H'));
alert(document.getElementsByName('H').disabled);
document.getElementsByName('H').disabled=false;
alert(document.getElementsByName('H').disabled);

Le premier alert devrait afficher un NodeList, ce qui ne correspond visiblement pas au bouton.

Il faut ensuite vérifier getElementsByName dans une documentation.
Même si on n'a pas fait attention au fait qu'il y a un "s" à "Elements", on finit forcément par comprendre que la fonction ne ramène pas directement/uniquement le premier élément ayant un nom donné.

La solution est donc : document.getElementsByName('H')[0].disabled=false;

[javatwister]

Oui, Loralina, je n'avais pas fait attention à la méthode DOM utilisée;

N'empêche que Firefox ne réinitialise pas forcément le bouton si on actualise, alors que Chrome, par exemple, le fait;

[L'AMI Yves]

Eh bien Loralina avait raison. J'avais pourtant bien vérifié la doc, et j'avais bien vu que getElementsByName ramenait une liste, mais je pensais que ça ferait pareil si la liste ne contenait qu'un seul élément (ce dont je me suis assuré). et je me sentais confirmé dans cette conviction par le fait qu'il ne disait rien quand je l'interrogeais sur une propriété.

Et pourtant, vérification faite, il fallait bien préciser getElementsByName('H')[0] : ça marche.

Ça ne me parait pas tout à fait logique... Mais bon, j'ai la solution : MERCI !

AMIcalement.

[Loralina]

J'attire l'attention sur la remarque de javatwister :
Il y a une persistance plutôt indésirable de Firefox dans certains cas (au moins un !) quand on rafraîchit.
Voici un exemple :

Code HTML :

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

1
2
3
4
<input type="button" disabled>
<script>
window.onmousedown=function(){document.getElementsByTagName("input")[0].disabled=false;}
</script>

Si on clique dans la page pour activer le bouton, alors l'attribut ne revient pas si on rafraîchit.
Il sera peut-être requis de spécifier également le disabled=true à l'initialisation en js.