Modifier dynamiquement les coordonnées MAP d'une image cliquable

eguignier
Messages postés
8
Date d'inscription
lundi 6 novembre 2000
Statut
Membre
Dernière intervention
11 juin 2020
- 19 mars 2010 à 19:58
PetoleTeam
Messages postés
3426
Date d'inscription
lundi 26 décembre 2005
Statut
Membre
Dernière intervention
14 janvier 2011
- 25 mars 2010 à 21:55
Bonsoir à tous,

J'ai une image cliquable accompagnée de zones AREA munies de coordonnées.
Cette image est placée dans une div.
Un code Javascript permet de déplacer l'image dans la div, et surtout d'effectuer des zooms sur cette image.

Le problème est que les zones cliquables ne se trouvent plus au bon endroit, ce qui est normal.

Question 1 : comment modifier dynamiquement les coordonnées des zones en cas de zoom ?
Question 2 : comment mettre mon code complet en pièce jointe ?

Info : pour déplacer l'image, clic gauche (drag & drop); pour zoomer, clic droit + move ou bien molette.

Un grand merci pour votre aide.

3 réponses

PetoleTeam
Messages postés
3426
Date d'inscription
lundi 26 décembre 2005
Statut
Membre
Dernière intervention
14 janvier 2011
18
20 mars 2010 à 06:41
Bonjour,
1/ tu peux modifier les données d'une AREA au travers de ses propriétés coords et shape
2/ avec un fichier js externe, mais pas sur que cela soit la question !

;O)
0
eguignier
Messages postés
8
Date d'inscription
lundi 6 novembre 2000
Statut
Membre
Dernière intervention
11 juin 2020

25 mars 2010 à 20:32
Bonsoir,

Merci beaucoup pour cette réponse.
Je savais lire l'attribut coords, mais j'ignorais que l'on pouvait y écrire !

Pour ce qui est de la question 2, je voulais savoir si ce forum permettait de joindre des pièces jointes dans lesquelles j'aurais pu mettre un exemple concret.

Encore Merci.
0
PetoleTeam
Messages postés
3426
Date d'inscription
lundi 26 décembre 2005
Statut
Membre
Dernière intervention
14 janvier 2011
18
25 mars 2010 à 21:55
Bonjour,
concernant la réponse 2, le plus simple est de copier la source, enfin la partie intéressante allégée et de l'encadrer avec les balises code accessibles grâce aux icônes du bandeau de la zone de saisie.

;O)
0