onfocus onblur ne marche pas

Bonjour,
J'ai utilisé onfocus et onblur en js mais ma fonction ne marche pas.
En gros j'ai un <td> et 2 images.
Et je veux que en étant onfocus sur mon <td> que mes 2 images restent actif et en étant onblur sur mon <td>,mes 2 images changent de sources afin d'etre grisées.
Voici ce que j'ai fais mais ça ne marche pas.
Merci de m'aider.

Code:

---

1 2 3 4 5

var id_bloc= document.getElementById("id_td"); if(id_bloc.onfocus){ id_bloc.src='.$aImage['aaa'].'"; id_bloc.src='.$aImages['down'].'"; } if(id_bloc.onblur){ id_bloc.src='.$aImage['aaa_disabled'].'"; id_bloc.src='.$aImages['down_disabled'].'"; }

---

Citation:

---

Envoyé par sajodia

Code:

---

1 2 3 4 5

var id_bloc= document.getElementById("id_td"); if(id_bloc.onfocus){ id_bloc.src='.$aImage['aaa'].'"; id_bloc.src='.$aImages['down'].'"; } if(id_bloc.onblur){ id_bloc.src='.$aImage['aaa_disabled'].'"; id_bloc.src='.$aImages['down_disabled'].'"; }

---

---

Jamais vu cette syntaxe en JS :koi:
Ca vient d'où ? :?

Sinon pour réviser la manière "classique" de lier des comportements à des événements : c'est par là. :mrgreen:

un td prend le focus ?

Citation:

---

Envoyé par SpaceFrog

un td prend le focus ?

---

Je me suis posé la même question, mais après vérification, il semble que oui, bien que l'intérêt ne me semble pas flagrant :koi:

Bonjour,

D'après la DTD, les éléments qui peuvent revoir les attributs "onfocus" et "onblur" sont A, AREA, LABEL, INPUT, SELECT, TEXTAREA et BUTTON.

En revanche, les attributs suivants sont utilisables sur pratiquement tous les éléments :
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup.

De mémoire il me semble avoir déja croisé une bizarrerie à propos du onfocus...
A retester mais il me semble qu'un element qui n'est pas habilité a recevoir le focus peut en fait le recevoir si il contient un élément qui lui est habilité à le recevoir ...par exemple un td contenant in input ...

Citation:

---

Envoyé par jeca

Bonjour,

D'après la DTD, les éléments qui peuvent revoir les attributs "onfocus" et "onblur" sont A, AREA, LABEL, INPUT, SELECT, TEXTAREA et BUTTON.

En revanche, les attributs suivants sont utilisables sur pratiquement tous les éléments :
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup.

---

Oui, ça semble logique.
Ceci dit, les événements tient du JavaScript, pas du HTML (ni même de l'ECMA262) et ce sont les navigateurs qui ont le dernier mot, donc concrètement, les événements focus et blur sont bien acceptés sur un élément tr...

Après essai avec Firefox, cela ne fonctionne ni sur l'élément "tr" ni sur l'élément "td".
en outre, il me semble que dans le cas présent, les évènements "onmouseover" et "onmouseout" seraient plus adaptés.

Si, ça fonctionne avec les td.
La question qui reste à se poser étant : quand l'élément est-il susceptible de prendre le focus :aie:
D'après mes tests, c'est possible quand l'élément est éditable (contentEditable=true).
Mais bien sûr, on sort manifestement du contexte initial.