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);
})
}
} |
