Récupérer les coordonnées d'une DIV positionnée via CSS GRID

Version imprimable

09/03/2023, 10h51
lemra

Récupérer les coordonnées d'une DIV positionnée via CSS GRID
Bonjour,

J'aurais besoin de récupérer les coordonnées en pixel d'une balise DIV positionnée au centre de ma page via :
Code:

1 2 justify-content: center; align-content: center;
Dans cette balise DIV, je place une image qui est une carte de France où je veux indiquer la position d'une ville.
(J'ai bien les coordonnées de cette ville avec haut et gauche de l"image=0.)

cordialement
09/03/2023, 11h03
Doksuri

est-ce que tonDiv.getBoundingClientRect() repond a ta question ?

Bonjour,
tu peux, sans recherche, positionner tes éléments par rapport à un cadre commun en position:relative pour servir de référent.

Exemple de réalisation :

Code:

1
2
3
4
5
6
7
8
9
10
<div id="groupe-images">
  <-- image de fond -->
  <img src="images/france-regions.png" alt="Régions de france">
  <-- images positionnées -->
  <img src="images/marker.png" style="top:415px;left:210px;" alt="Bordeaux" title="Bordeaux">
  <img src="images/marker.png" style="top:405px;left:550px;" alt="Grenoble" title="Grenoble">
  <img src="images/marker.png" style="top:362px;left:508px;" alt="Lyon" title="Lyon">
  <img src="images/marker.png" style="top:550px;left:537px;" alt="Marseille" title="Marseille">
  <img src="images/marker.png" style="top:128px;left:372px;" alt="Paris" title="Paris">
</div>

Pour plus d'infos, regarde cet exemple : Superposition d'images positionnées.

09/03/2023, 17h23
lemra

Merci pour vos réponses.

Via 2 pistes, j'ai une solution.