Areas

Jiip Messages postés 6 Date d'inscription   Statut Membre Dernière intervention   -  
Jiip Messages postés 6 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,
J'essaye de mettre en place un plateau constitué d'hexagones imbriqués.
Lorsque l'on clique sur un hexagone, il faut que ce dernier exécute une fonction Javascript qui lui est propre.

Pour se faire, suite aux conseils avisés d'un membre de ce forum, je procède en créant mon plateau et mes hexagones avec <map> et <area>.

Mon problème est le suivant : j'aimerais que la fonction javascript change la couleur de fond du <area>. Comment est-ce possible ? Je ne vois pas : les propriétés background ne fonctionnent pas avec les <area>. Quelqu'un aurait-il une idée pour me sortir de là ?

Je vous remercie grandement !
Cordialement,

PS : Dois-je plutôt poster dans la rubrique Javascript ?

3 réponses

Réponse 1 / 3
animostab Messages postés 2829 Date d'inscription   Statut Membre Dernière intervention   738
 
Bonjour
tu as un plugin jquery (entre autre) qui fait ca
https://alt-web.com/DEMOS/jQuery-maphighlight.shtml


0
Réponse 2 / 3
Jiip Messages postés 6 Date d'inscription   Statut Membre Dernière intervention  
 
Je te remercie, mais je ne parviens pas à faire fonctionner ce plugin de sorte à ce qu'il colore la zone au clic et non juste au hover.
Merci,
0
Réponse 3 / 3
animostab Messages postés 2829 Date d'inscription   Statut Membre Dernière intervention   738
 
salut
dans maphighlight.js
voici la ligne qui fait le mouseover (ligne 336)

$(map).trigger('alwaysOn.maphilight').find('area[coords]')
.bind('mouseover.maphilight', mouseover)
.bind('mouseout.maphilight', function(e) { clear_canvas(canvas); });

tu as aussi la fonction ligne 209 et 269 avec mouseover

donc il faudrait peut être faire un toogle() a la place des mouseover et du mouseout
bon courage
voila la doc jquery
http://jquery.developpeur-web2.com/documentation/evenements/toggle.php




0
Jiip Messages postés 6 Date d'inscription   Statut Membre Dernière intervention  
 
Je me penche là-dessus.
Je te remercie grandement,
0