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:
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 : Sélectionner tout - Visualiser dans une fenêtre à part
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; }
Le message renvoyé par le debbuggeur javascript de firefox est:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
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>
Merci d'avance de votre aideErreur 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.
Partager