Discussion :

[sempire]

Bonjour,
Avec l'objet event et l'evenement onmousemove (ou onmouseclick selon les besoin), il est possible de récupérer les coordonnées d'une position sur l'écran en fonction de la position du curseur.
Il est possible de convertir les coordonnées pixels en coordonnées géographiques afin d'afficher les coordonnées d'un lieu donné au passage de la souris sur une carte.
Ce que je cherche à faire est l'inverse :
-Trouver une position en fonction des données entrées en paramétre
-Placer une image à cet endroit

Ai-je fais le bon choix avec javascript où est ce que je devrais plutot me pencher coté serveur ?

Merci d'avance pour toute réponse et excellent week-end à tous

Sempire

[Nee]

grace au feuille de style tu pourra placer tes elements sur la page.

Code :

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

1
2
3
4
 
window.getElementById("monElement").style.position = "abolute";
window.getElementById("monElement").style.x = "150px";
window.getElementById("monElement").style.y = "150px";

tu n'as plus qu'a créer une fonction qui accepte en argument les valeurs et eventuellement l'id de ton element.

ok?

[siddh]

j ai plus l impression qu il veut trouver la position d un element de la page en connaissant son nom ou son contenu.

Faudrais juste detailler "données entrées en paramétre"

[sempire]

Par données, j'entendais coordonnées. désolé. Les coordonnées x et y seront entrées en paramètre.
Je vais essayer ce que Nee propose. Ca me semble correct.
Merci

Sempire

[siddh]

euh style.x et style.y je connais pas mais top et left oui par contre

[sempire]

en effet je ne trouve pas x et y dans la référence du css.
les valeurs de top et left correspondent-elles vraiment aux coordonnées x,y d'un point dans un conteneur ?


Merci

Sempire

[siddh]

si il est en position absolute c est les coord par rapport au haut de la page.

pour ffx, n'oublie pas de rajouter "px"

[Nee]

oups, mea culpa, il fallait bien sur lire

Code :

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

1
2
3
window.getElementById("monElement").style.position = "abolute"; 
window.getElementById("monElement").style.left = "150px"; 
window.getElementById("monElement").style.top = "150px";