Discussion :

[bruman]

Bonjour,

mon problème est tout simple :

J'ai une div ayant pour id "form_placement". Sans cette div, j'ai une image qui est dragable. Jusque là, tout fonctionne très bien.

Mon souci maintenant : je veux empecher l'image de sortir de la div (je veux qu'elle soit dragable seulement dans la div.). Je voulais donc récupérer les positions x et y de la div, les enregistrer, et m'en resservir pour bloquer le déplacement de l'image.

Mais impossible de récupérer ces valeurs :

Code :

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

1
2
3
4
5
 
var min_x = document.all.form_placement.pageX;
var max_x = document.getElementById("form_placement").pageX + 690;
var min_y = document.getElementById("form_placement").pageY;
var max_y = document.getElementById("form_placement").pageY + 418;

Quelqu'un saurait comment faire?

Merci

(la première ligne est différente des autres car c'est une autre manière que j'ai essayé pour tenter de récupérer les valeurs...)

[SpaceFrog]

direction FAQ ou contributions... une recherche avec "offsetLeft" ...

[bruman]

déjà tenté, ca marche pas...

D'autres idées?

[bruman]

Bon alors je sais pas pourquoi mais :

Code :

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

1
2
 
var max_x = document.getElementById("form_placement").pageX + 690;

fonctionne très bien à l'intérieur d'une fonction, mais pas à l'extérieur...

Je comprend pas.

En tout cas, merci quand même, mais si quelqu'un a l'explication, ça m'intéresse quand même

[Bovino]

Probablement parce que ton script est appelé dans le head de ta page et que du coup, lorsqu'il est exécuté, la div n'existe pas encore...

EDIT : Un petit conseil, utilise les indications données par SpaceFrog, cela permettra à ton script d'être cross-browser

[bruman]

Merci,

concernant les indications données par SpaceFrog, je les ai suivies, j'utilise offsetLeft.

Merci encore pour votre aide.