Sujet Précédent Sujet Suivant

Areas

Fermé
Jiip Messages postés 6 Date d'inscription vendredi 18 juillet 2014 Statut Membre Dernière intervention 21 juillet 2014 - 19 juil. 2014 à 00:45
Jiip Messages postés 6 Date d'inscription vendredi 18 juillet 2014 Statut Membre Dernière intervention 21 juillet 2014 - 21 juil. 2014 à 16:26
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 jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 738
19 juil. 2014 à 14:55
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 vendredi 18 juillet 2014 Statut Membre Dernière intervention 21 juillet 2014
19 juil. 2014 à 16:13
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 jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 738
21 juil. 2014 à 01:58
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 vendredi 18 juillet 2014 Statut Membre Dernière intervention 21 juillet 2014
21 juil. 2014 à 16:26
Je me penche là-dessus.
Je te remercie grandement,
0