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