11550 sujets

JavaScript, DOM et API Web HTML5

Bonjour
Titre peu clair, je l'accorde.

Mon problème est le suivant :
j'ai une mise en page complexe, que je ne peux modifier.
Il y a principalement un tableau assez imposant (plusieurs lignes et colonnes).
Certains td contiennent des div, qui sont en "position:relative".

J'ai besoin de pouvoir déplacer ces div après action javascript.
Je peux donc utiliser le top et le left de ce div, mais bien évidemment c'est en position relative par rapport à son emplacement initiale.

La question est : existe t-il un moyen de préciser ses nouvelles coordonnées en indiquant directement un X et un Y absolus (donc du coin haut gauche de la page), et non un X et Y relatifs ?

Exemple :

<div onClick="document.getElementById('popo').style.left = '50px';document.getElementById('popo').style.top = '50px';alert('ok');">go2</div>
<div style="position:relative;" id="popo">A DEPLACER</div>


Dans ce cas, mon div va se retrouver à +50 en X et en Y par rapport à sa position de départ, et non par rapport à la page complète.

Je pense que certains vont me proposer de faire le calcul moi-même par rapport à sa position actuelle. Mais ça me parait compliqué, surtout si je déplace plusieurs fois de suite mon div.

Je précise : je n'ai trouvé aucune info à ce sujet sur le net, probablement parce que je ne parviens pas à trouver les bons mots-clés à chercher...

Merci pour votre aide.