Discussion :

[Jim_Nastiq]

Salut,

j'ai un petit soucis au niveau d'un listener que j'écoute lors de la création dynamique d'un élément HTML, plutôt que des mots voici du code :

Code :

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

1
2
3
4
5
 
var objArea = document.createElement('area');
objArea.addEventListener("onmouseout", outItem, false);
objArea.addEventListener("onmouseover", overItem, false);  
objMap.appendChild(objArea);

mes handlers outItem et overItem sont dans un script js qu'évidement j'ajoute à ma page HTML, pour le moment il ne font rien de plus que lancer un log sur la console, le problème étant justement que rien n'est écrit dans la console et donc que ces handlers ne sont jamais appelés.

Je précise que j'utilise Dojo 1.3 au acs ou, mais a priori ca n'a pas d'incidence ...

Merci

[Bovino]

Salut,
Je crois me souvenir qu'il faut les définir après avoir inséré le nouvel élément dans le DOM :

Code :

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

1
2
3
4
var objArea = document.createElement('area'); 
objMap.appendChild(objArea);
objArea.addEventListener("onmouseout", outItem, false);
objArea.addEventListener("onmouseover", overItem, false);

[SpaceFrog]

sinon avant:

Code :

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

1
2
3
 
var objArea = document.createElement('area');
objArea.onmouseout=function(){outItem()};

[Jim_Nastiq]

sinon avant:

Code :

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

1
2
3
 
var objArea = document.createElement('area');
objArea.onmouseout=function(){outItem()};

parfait cela fonctionne! Merci!

à noter que la solution de Bovino ne fonctionne pas pour moi

[Bovino]

à noter que la solution de Bovino ne fonctionne pas pour moi

Probablement parce qu'avec addEventListener, on ne met pas le on devant l'événement

Code :

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

1
2
3
4
var objArea = document.createElement('area'); 
objMap.appendChild(objArea);
objArea.addEventListener("mouseout", outItem, false);
objArea.addEventListener("mouseover", overItem, false);