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
|
var xinit; // position de la souris au clic sur le div
var yinit;
var x; // position de l'élément au départ
var y;
var initier = false; // si on est en train de cliquer
var idEnCours; // id du div qui est en cours de modif
function init(e, id){
idEnCours = id;
initier = true;
xtmp = document.getElementById(id).offsetLeft;
ytmp = document.getElementById(id).offsetTop;
x = document.getElementById(id).offsetLeft;
y = document.getElementById(id).offsetTop;
xinit = e.clientX;
yinit = e.clientY;
}
function bouge(e){
// si on a cliqué et qu'on bouge
if(initier){
xtmp = document.getElementById(idEnCours).offsetLeft;
ytmp = document.getElementById(idEnCours).offsetTop;
document.getElementById(idEnCours).style.width = document.getElementById(idEnCours).offsetWidth + (e.clientX - x - document.getElementById(idEnCours).offsetWidth - 25);
document.getElementById(idEnCours).style.height = document.getElementById(idEnCours).offsetHeight + (e.clientY - y - document.getElementById(idEnCours).offsetHeight);
}
}
function fin(e){
initier = false;
} |
Partager