Chrome/MOZILLA changement position div

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:

---

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

Code:

---

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

---

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.

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 ?

Bravo SpaceFrog,

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

Code:

---

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; }

---

j'avoue que ta syntaxe

Code:

---

style['top']

---

n'est pas courante ...

il est plus fréquent de voir

Code:

---

style.top

---

Y'a-t-il une raison particulière a cette notation ?

Il y a si longtemps que je le code comme cela, que je ne pourrais le dire. Mais cette notation n'est pas si étrangère que cela, surtout sur les blogs aux USA.

L'autre raison, c'est que si tu génères du code js pour modifier les propriétés à partir de php (suite à un post/get!), il est plus facile de répérer ['xxxx'] dans une string .... mais là on parle de design/architecture particulière.

mais à la base, les 2 formes sont équivalentes. Tout est une question d'habitude et de maintenancede la part de son auteur !
M

Citation:

---

L'autre raison, c'est que si tu génères du code js pour modifier les propriétés à partir de php (suite à un post/get!), il est plus facile de répérer ['xxxx'] dans une string

---

J'avoue ne pas avoir compris :mouarf:

vu que c'est php qui redige le js ... rien n'empeche d'utiliser la syntaxe .

par contre cote js si tu as la proporiété de style sous forme de string, en effet il est plus simple de passser par []

Mais personnellement depuis que je suis passé à jquery => css()

Citation:

---

Envoyé par SpaceFrog

j'avoue que ta syntaxe

Code:

---

style['top']

---

n'est pas courante ...

---

Je l'ai utilisé pour des styles non cross-browser.

A+.