Nouveau sujet Répondre Imprimer Syndication RSS 2.0

Changer la couleur d'une image map au survole de la souris [RESOLU]

OnMouseOver et OnmouseOut ?
Feu follet
Avatar de loic88
  • Messages : 248
  • Inscrit : 20 Aout 2009
Message édité 2 fois, dernière édition par loic88, 15 Février 2010, 22:38     Lien vers ce message 15 Février 2010, 10:16
Bonjour,

Je cherche simplement à faire en sorte lors du passage de la souris sur mon image map qu'elle se colorie en vert et lors de la sortie de la souris qu'elle redevienne blanche.

J'ai essayé ceci directement dans ma balise sans résultat positif.

<?php		echo'<area onmouseover="this.style.backgroundColor="#F9F9F9";" 
		onmouseout="this.style.backgroundColor="#FFFFFF";" shape="polygon" coords="'.$chaine_geometrie.'" alt="zone" href="/balades_vtt/departements/index.php?numdep='.$num_dep.'" />'; ?>


Peut être faut-il créer une fonction javascript ?




Merci à l'âme charitable qui saura m'aider ;)


On ne va jamais aussi loin que lorsque l'on ne sait pas où l'on va.
www.partir-en-vtt.com
 
Etoile
Avatar de Spark
  • Messages : 2697
  • Inscrit : 24 Juin 2006
Message édité 2 fois, dernière édition par Spark, 15 Février 2010, 10:27     Lien vers ce message 15 Février 2010, 10:24
Salut,


Juste pour voir un truc, essais se code (avec Firefox 3)

<?php		echo'<area onmouseover="this.style.opacity=0.5;" onmouseout="this.style.opacity=1;" shape="polygon" coords="'.$chaine_geometrie.'" alt="zone" href="/balades_vtt/departements/index.php?numdep='.$num_dep.'" />'; ?>


Left 4 Dead 2 2.0.8.7 réseau Hamachi
Liste de réseau Hamachi pour le jeu en réseau via Internet
 
Feu follet
Avatar de loic88
  • Messages : 248
  • Inscrit : 20 Aout 2009
Message édité 1 fois, dernière édition par loic88, 15 Février 2010, 11:36     Lien vers ce message 15 Février 2010, 11:26
Salut,

J'ai essayé et c'est dispo sur ce lien :


Test javascript balise map

Aucun résultat ;'(

On a la balise map qui se génère, le petit vtt qui se colle mais pas de couleur au passage.

En fait ce que je souhaiterais faire c'est que toutes les balises map soit rouges en arrivant sur la page . Et quand on passe dessus elle change de couleur. Comme ceci visuellement on vois ou sont les balades.

Après l'amélioration serait de faire une info bulle :D mais ça, c'est pour plus tard.


On ne va jamais aussi loin que lorsque l'on ne sait pas où l'on va.
www.partir-en-vtt.com
 
Etoile
Avatar de Spark
  • Messages : 2697
  • Inscrit : 24 Juin 2006
Message édité 1 fois, dernière édition par Spark, 15 Février 2010, 15:52     Lien vers ce message 15 Février 2010, 15:48
Re j'ai regardé de plus près les map, et visiblement la balise area n'est pas faire pour avoir un style d'appliqué, c'est une balise transparente qui ne peut être visualisé. Ce que tu veux faire est possible en abordant la chose tout à faire autrement, mais je pense que c'est beacoup de travail pour peu de chose.

Si c'était faisable au survol, tu n'aurais même pas eu besoin de les mettre toi même sur la carte.

Après j'y mettrais pas ma main à couper, mais j'ai trouvé si peu d'informations ...


Je suis tombé sur un sujet intéressant, la solution donné permet de faire apparaitre, en fonction de la zone survolé, du contenu dans un block, que tu places où tu veux, sous la carte à coté, dessus... après ca ca se gère en CSS.

http://forum.hardware.fr/hfr/P...et_117219_1.htm


Left 4 Dead 2 2.0.8.7 réseau Hamachi
Liste de réseau Hamachi pour le jeu en réseau via Internet
 
Etoile
Avatar de Spark
  • Messages : 2697
  • Inscrit : 24 Juin 2006
  Lien vers ce message 15 Février 2010, 16:27
Au fait c'est pas toute la carte que tu voulais colorer en vert ? Parce que ça peut parait être une drôle d'idée.


Left 4 Dead 2 2.0.8.7 réseau Hamachi
Liste de réseau Hamachi pour le jeu en réseau via Internet
 
Feu follet
Avatar de loic88
  • Messages : 248
  • Inscrit : 20 Aout 2009
  Lien vers ce message 15 Février 2010, 17:04
Non, je veux colorer que les balises area qui sont créées si il y à une balade.

En cherchant, je me suis rendu compte que la balise area ne pouvait pas être modifié.

Je me suis tourné vers Jquery et voila le résultat : Balises map interactives avec Jquery

Enjoy :)


On ne va jamais aussi loin que lorsque l'on ne sait pas où l'on va.
www.partir-en-vtt.com
 
Feu follet
Avatar de loic88
  • Messages : 248
  • Inscrit : 20 Aout 2009
  Lien vers ce message 15 Février 2010, 22:41
Bon et bien voilà après quelques modifications voilà mes zolies cartes dynamiques :

-> Des balades à pied

-> Des balades en VTT

Il me reste "plus" qu'à dessiner sur GIMP tous les département et injecter la géométrie dans ma base sur le département correspondant.

A la suite de cela, lorsque je créerais une nouvelle balade dans un nouveau département, le polygone de la balise map sera automatiquement générée avec le lien qui va bien.


Encore une victoire de canard WC !

:fsb2_drink:


On ne va jamais aussi loin que lorsque l'on ne sait pas où l'on va.
www.partir-en-vtt.com
 
Feu follet
Avatar de loic88
  • Messages : 248
  • Inscrit : 20 Aout 2009
Message édité 1 fois, dernière édition par loic88, 23 Mars 2010, 16:39     Lien vers ce message 22 Mars 2010, 19:36
Bonjour,

Voilà tout fonctionne parfaitement.
A la création d'une nouvelle balade, le département correspondant se colorie de façon dynamique et est cliquable ;)

Enjoy ^^ :)

Si vous voulez la source contactez-moi ;)

Loïc


On ne va jamais aussi loin que lorsque l'on ne sait pas où l'on va.
www.partir-en-vtt.com
 
Répondre


.