Chrome/MOZILLA changement position div

**max007** · 14/03/2012, 11h43

J'ai dans le corps de mon HTML un <div id="controle">Dans lequel il y a une cascade d'image <IMG> qui se comporte comme des boutons. ceux-ci sont dans une <TABLE> ou chaque <TD> a un et un seul <IMG> de définie.
Pour chaque tag <IMG> des "commandes - mouse" onclick, onmouseover, onmouseout et onmousedown sont définies

En fonction de "l'état" de ma page, à l'aide d'une fonction javascript, je déplace la position de mon <div id="controle"> pour des raisons esthétiques.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
function modif_pos(la_top)
var d = document.getElementById ("controle");
 d.style['top'] = parseInt(la_top) + "px";

Visuellement tout est parfait pour IE/Chrome/Mozilla/Ipad ..

CEPENDANT sous Chrome/MOZILLA/Ipad une fois que j'ai déplacé le <div> dynamiquement, les "commandes - mouse" sur les images ne répondent plus (ou ne sont pas reconnu).
le tout est impec sous IE

Quelqu'un a une idée où je me suis planté pour que les "commandes_mouse" ne soient plus reconnus suite à mon changement dynamique de la position du div ....

M

**SpaceFrog** · 14/03/2012, 14h19

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
var d = document.getElementById ("controle");
 d.style.top = parseInt(la_top,10) + "px";

**max007** · 14/03/2012, 14h58

Merci SpaceFrog,

mais cela ne change rien .... le problème vient du fait que quand on change les coordonnées d'un div, c'est comme si l'espace qui défini les actions des "mousevents" sur les images ne changent pas.

Je regarde si quand j'enlève le <table> cela change quelque chose ..

Sinon, et je que cela fonctionne si je transpose les "mousevents" sur le <TD> d'une table, mais je trouve cette approche non élégante.

**SpaceFrog** · 14/03/2012, 15h01

Tu n'aurais pas par hasard un element avec un zindex de premier plan qui vient masquer l'element et prend les evenements à sa place ?

**max007** · 14/03/2012, 15h12

Bravo SpaceFrog,

si j'ajoute à la commande de déplacement la commande pour le z-index, les "mousevents" sont reconnus.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
function modif_pos(la_top)
{
var d = document.getElementById ("controle");
 d.style['top'] = parseInt(la_top,10) + "px";
 d.style['zIndex'] = "55";
 
 return;
}