fonction redimensionnement marche pas sous firefox
Bonjour,
J'ai fais une fonction pour redimensionner un div. Elle marche bien sous IE, mais pas sous firefox...
Pourquoi?
Voila les fonctions que j'utilise:
Code:
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;
} |
En fait, dans le div que je veux redimensionner, j'ai un div dans le coin en bas à droite qui lorsque je clique dessus déclenche la fonction init = début redimensionnement:
Code:
1
2
3
4
5
|
<body onmousemove="bouge(event);" onmouseup="fin(event);">
<DIV class=box id=boxHandle1 >
<DIV id=carre_resize onmousedown="init(event,'boxHandle1');"></DIV>
</DIV> |
Le message renvoyé par le debbuggeur javascript de firefox est:
Citation:
Erreur d'analyse de la valeur pour la propriété "width". Déclaration abandonnée.
Erreur d'analyse de la valeur pour la propriété "height". Déclaration abandonnée.
Merci d'avance de votre aide
