var ie = (document.all)? true:false; var ns6 = (document.getElementById)? true:false; function min_f5pop() { document.getElementById("tab_f5pop_2").style.display = "none"; } function max_f5pop() { document.getElementById("tab_f5pop_2").style.display = "block"; } function hid_f5pop() { document.getElementById("popup_dhtml_f5biz").style.display = "none"; } //Init des variables, des Divs-Layers, et du onmousedown function shw_f5pop() { if ( ie ) { // lance ma_fonction quand on appuie sur le bouton de la souris tab_f5pop_1.onmousedown = ma_fonction; } else if ( ns6 ) { // lance ma_fonction quand on appuie sur le bouton de la souris document.getElementById("tab_f5pop_1").addEventListener("mousedown", ma_fonction, false); } } // Paramétrage du déplacement des Divs-Layers et des onmousemove & onmouseup pendant le onmousedown // le (e) indique au programme qu'il utilise les évenements. function ma_fonction(e) { if ( ie ) { //Récupération de la position de la souris window.lastX = event.clientX; window.lastY = event.clientY; // lance doDrag tant que l'on appuie sur le bouton de la souris en la bougeant document.onmousemove = doDrag; // lance endDrag quand on relache le bouton de la souris document.onmouseup = endDrag; } else if ( ns6 ) { //Récupération de la position de la souris window.lastX = e.clientX; window.lastY = e.clientY; // lance doDrag tant que l'on appuie sur le bouton de la souris en la bougeant window.onmousemove = doDrag; // lance endDrag quand on relache le bouton de la souris window.onmouseup = endDrag; } } // Déplacement des Divs-Layers function doDrag(e) { if ( ie ) { // Calcul de l'écart de position de la souris var difX = event.clientX-window.lastX; var difY = event.clientY-window.lastY; //Récupération de la position du div et ajout de l'écart de position de la souris var newX1 = parseInt(popup_dhtml_f5biz.style.left) + difX; var newY1 = parseInt(popup_dhtml_f5biz.style.top) + difY; // Assignation des nouvelles coordonnées au div popup_dhtml_f5biz.style.left = newX1; popup_dhtml_f5biz.style.top = newY1; //Assignation de l'anciènne position de la souris window.lastX = event.clientX; window.lastY = event.clientY; } else if ( ns6 ) { // Calcul de l'écart de position de la souris var difX = e.clientX-window.lastX; var difY = e.clientY-window.lastY; //Récupération de la position du div et ajout de l'écart de position de la souris var newX1 = parseInt(document.getElementById("popup_dhtml_f5biz").style.left) + difX; var newY1 = parseInt(document.getElementById("popup_dhtml_f5biz").style.top) + difY; // Assignation des nouvelles coordonnées au div document.getElementById("popup_dhtml_f5biz").style.left = newX1 + "px"; document.getElementById("popup_dhtml_f5biz").style.top = newY1 + "px"; //Assignation de l'anciènne position de la souris window.lastX = e.clientX; window.lastY = e.clientY; } } function endDrag(e) { if ( ie ) { //Réinitialisation du onmousemove document.onmousemove = null; } else if ( ns6 ) { //Réinitialisation du onmousemove window.onmousemove = null; } } if ( ns6 || ie ) { document.write(''); document.onselectstart = new Function ("return false"); shw_f5pop(); }