Areas Fermé

Question

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 et . Mon problème est le suivant : j'aimerais que la fonction javascript change la couleur de fond du . Comment est-ce possible ? Je ne vois pas : les propriétés background ne fonctionnent pas avec les . 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 ?

animostab · Answer

Bonjour
tu as un plugin jquery (entre autre) qui fait ca
https://alt-web.com/DEMOS/jQuery-maphighlight.shtml

Jiip · Answer

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,

animostab · Answer

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