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
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
|
var divEvenement = null;
/********************************/
/* Pour désactiver la selection */
/********************************/
function disableselect(){
return false;
}
function reEnable(){
return true;
}
//if IE4+
document.onselectstart=new Function ("return false");
//if NS6
if (window.sidebar){
document.onmousedown=disableselect;
document.onclick=reEnable;
}
if (navigator.appName.substring(0,3) == "Net") {document.captureEvents(Event.MOUSEMOVE)};
document.onmousemove = getPosXCurseur;
//Var qui permet de savoir si on est entrain de déplacer un evenement
var deplacementDiv = false;
//Position de la souris par rapport à la div évenements
var posxcurseur=0;
/******************/
function getPosXCurseur(e){
//On récupère la position du curseur
x = (navigator.appName.substring(0,3) == "Net") ? e.pageX : event.x+document.body.scrollLeft;
y = (navigator.appName.substring(0,3) == "Net") ? e.pageY : event.y+document.body.scrollTop;
//On récupère la largeur d'un item
var mes_div = document.getElementsByTagName("div");
for (var i = 0; i < mes_div.length; i++)
{
var div = mes_div.item(i);
if (div.className == "nom")
{
var largeurItem = div.offsetWidth;
}
}
posxcurseur = (x - largeurItem);
var posXcurseurEcran = x;
var posYcurseurEcran = y - 40; //pour que la div apparaisse au niveau du curseur et non juste en dessous
//pour déplacer la div, uniquement dans le cas ou on veut deplacer la div
if(deplacementDiv)
{
divEvenement.style.marginLeft = "0px";
divEvenement.style.marginTop = "0px";
divEvenement.style.paddingTop = "0px";
divEvenement.style.left = posXcurseurEcran+"px";
divEvenement.style.top = posYcurseurEcran+"px"
}
posxcurseur = (x - largeurItem);
}
function bougerEvenement(div)
{
//On est en train de déplacer la div
deplacementDiv = true;
//on fait une copie de notre évenement
var clone = div.cloneNode(true);
//On ajoute le clone à la div temporaire
divEvenement = document.getElementById("temp").appendChild(clone);
//on enleve la div originale de la ligne où elle était vu qu'on mi sa copie dnas la div temporaire
enleverEvenement(div);
}
function onMouseUpSurEvenements(divItem)
{
if(divEvenement != null)
{
//On récupère le propriétés CSS
var id = divEvenement.id;
var marginLeft = divEvenement.style.marginLeft;
var longueur = divEvenement.offsetWidth;
var contenu = divEvenement.innerHTML;
//On ajoute l'évenement à la ligne voulue
ajouterEvenementPx(divItem.id,id,posxcurseur,longueur,contenu);
//On a fini de déplacer la div
deplacementDiv = false;
//On enleve la div Evenement de la div temporaire
enleverEvenement(divEvenement);
//On met div à null car il n'y a plus de div en déplacement
divEvenement = null;
}
} |
[IE] bug div qui suit curseur
Répondre avec citation
Envoyé par dragonno
, et je t'ai même di de tester sous IE...
Partager