Areas
Jiip
Messages postés
7
Statut
Membre
-
Jiip Messages postés 7 Statut Membre -
Jiip Messages postés 7 Statut Membre -
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 ?
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
Bonjour
tu as un plugin jquery (entre autre) qui fait ca
https://alt-web.com/DEMOS/jQuery-maphighlight.shtml
tu as un plugin jquery (entre autre) qui fait ca
https://alt-web.com/DEMOS/jQuery-maphighlight.shtml
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,
Merci,
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
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
