exécution après création de l'élément

Bonjour,
Tout d'abord, je tiens à préciser que mon problème ne survient qu'avec IE.

Je crée après sélection dans une liste déroulante, un tableau contenant du texte ou des images. Les images possèdent un attribut onmouseover qui déclenchera l'appel d'une fonction JS. Le soucis est que sous FF,Opéra,Safari ça marche, mais IE n'exécute pas la fonction.
J'ai essayer en mettant le tableau directement en HTML dans la page, et là surprise, ça marche.

IE aurait-il du mal avec les éléments générés?

Fonction d'ajout de la ligne qui contient l'image avec l'attribut onmouseover

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24

function addRow(value,texte,dfKeyword,idIndex){   var Obj = document.getElementById('lbResultat'); var table = document.getElementById('TableMotsCles'); var tr = table.insertRow(idIndex); var tdLibelleKeyword = tr.insertCell(0); texte = document.createTextNode(texte); tdLibelleKeyword.setAttribute('colspan','3'); tdLibelleKeyword.setAttribute('id',value); tdLibelleKeyword.appendChild(texte);   var td = tr.insertCell(1); var texte = document.createTextNode(dfKeyword); td.appendChild(texte);   var td=tr.insertCell(2); var img = document.createElement('img'); img.setAttribute('src','./images/bouton_loupe.gif'); img.setAttribute('alt','positionnement'); img.setAttribute('id',value); img.setAttribute('onmouseover','javascript:showPosition(11);'); td.appendChild(img);   }

---

fonction appelée sur l'évènement onmouseover

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14

function showPosition(id){ var xhr = getXhr(); idContrat = document.getElementById('Client').options[document.getElementById('Client').options.selectedIndex].value; xhr.open('GET','./AJAX/RepMotsCles.php?idKeyword='+id+'&idContrat='+idContrat,true);   xhr.onreadystatechange = function(){ if(xhr.readyState == 4 && xhr.status==200){ var repXML = xhr.responseXML; var items = repXML.getElementsByTagName('Position'); createDiv(items,id); } } xhr.send(null); }

---

Merci à tous

éviter le setAttribute, et lui préférer cette syntaxe :

Code:

---

1 2 3

img.src="./images/bouton_loupe.gif"; img.alt='positionnement'; img.id=value;

---

puis pour l'attribution d'une focntion :

Code:

---

img.onmouseover=function(){showPosition(11);}

---

ceci est aussi valable pour le textNode ...

Merci, cela fonctionne très bien
Je n'avais pas cette façon de voir pour affecter des attributs à mes objets
Je crois que je viens d'adopter une nouvelle méthode :lol:

Eventuellement une petite lib si tu as besoin d'ajouter souvent des élements ..
http://www.developpez.net/forums/sho...wpost&t=535848