Discussion :

[mathrb]

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 :

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

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 :

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

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

[SpaceFrog]

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

Code :

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

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

puis pour l'attribution d'une focntion :

Code :

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

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

ceci est aussi valable pour le textNode ...

[mathrb]

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

[SpaceFrog]

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