Discussion :

[calitom]

Bonjour,

J'aimerais utiliser le fichier csshover.htc pour activer le hover dans ie6.
Ca marche bien avec ce fichier.
Le problème que j'ai, c'est que ca ne marche plus sur les elements que j'ajoute à ma page en javascript après qu'elle eut été chargée.

En fait, j'ai un bouton qui ajoute automatiquement des div dans un div principal. Voici la fonction associée à ce bouton:

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
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
 
function addDiv() {
	var sauvDivGen=document.getElementById('OrangeEditeur').innerHTML;
	var i=1;
	var fin=-1;
	var ancNumDiv,numDiv,newDivGen;
	var zindex;
	var maxz=0;
 
	while(fin<0)
	{
		ancNumDiv=sauvDivGen.search("boxHandle"+i);
		if(ancNumDiv==-1)
		{
			fin=1;
		}
		else
		{
			zindex=document.getElementById("boxHandle"+i).style.zIndex;
			if(zindex>maxz)
			{
				maxz=zindex;
			}
			i++;
		}
	}
	numDiv=i;
	maxz++;
	newDivGen=sauvDivGen+"<div style=\"z-index:"+maxz+"; position:absolute;\" id=\"boxHandle"+numDiv+"\" class=\"box\" onclick=\"changeZindex('boxHandle"+numDiv+"')\"><div id=\"lefthandle"+numDiv+"\" class=\"lefthandle\"></div><div id=\"righthandle"+numDiv+"\" onclick=\"delDiv('boxHandle"+numDiv+"')\" class=\"righthandle\"></div><div id=\"carre_resize"+numDiv+"\" onmousedown=\"init(event,'boxHandle"+numDiv+"');\" class=\"carre_resize\"></div><div id=\"boxContent"+numDiv+"\" contenteditable=\"true\">ici votre image ou votre texte</div></div>";
	document.getElementById('OrangeEditeur').innerHTML=newDivGen;
 
	var j;
	for(j=1;j<numDiv+1;j++)
	{
		var drag = ToolMan.drag();
		var coordinates = ToolMan.coordinates()
		var nomboxhand="boxHandle"+j;
		var boxHandle = document.getElementById(nomboxhand);
		group = drag.createSimpleGroup(boxHandle, document.getElementById("lefthandle"+j));
 
		group.addTransform(function(coordinate,dragEvent)
		{
			var origin = coordinates.create(getOffsetPosition('OrangeEditeur', 'Left'),getOffsetPosition('OrangeEditeur', 'Top'));			
			var origin2=coordinates.create(document.getElementById("OrangeEditeur").offsetWidth-document.getElementById(nomboxhand).offsetWidth,3000);
 
			return coordinate.constrainTo(origin, origin2);
		})
	}
}

En gros csshover.htc marche si le div est dans le code de la page, et si j'ajoute le div manuellement une fois que la page est chargée, ca ne marche pas...

Comment je peux faire pour que ca marche dans tous les cas?

[oxmoz]

La réponse est toute simple.
La correction proposée par ton fichier .htc est probablement une correction effectuée en javascript. (je ne connais pas ce HTC)
Le traitement est tout aussi probablement lancé sur le "OnLoad" de la page (interpretation par le navig du code de ta page).
Tout ce que tu a à faire est de relancer le même traitement aprés avoir créé dynamiquement le contenu de tes div. Le HTc parcourera a nouveau ta page et corrigera probablement les nouveaux élements...
Tiens moi au courant

[oxmoz]

http://www.developpez.net/forums/sho....php?p=2211798
Comme je le disais ...
A ciao

[calitom]

Merci, ca marche au poil comme ca! j'avais trouver une autre solution, mais ca sera plus propre comme ca...