Discussion :

[knice]

Salut,
j'aimerais faire un truc [un peu] technique, mais je ne vois pas comment m'y prendre.

L'idée étant que j'ai le plan d'une ville sur une image. Cette ville y est décomposée en zones non régulières. Je les ai faites avec un :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<img src="img/plan.png" width="148" height="200" usemap="#Map" />
<map name="Map" id="Map">
   <area shape="poly" coords="8,97,43,97,56,46,50,19,31,1,2,1,2,34,5,44" href="#" />
</map>

Ce que j'aimerais faire : au moment où l'on clique sur une zone, elle se grise (ou s'éclaire) pour montrer qu'elle est (dé)sélectionnée.

Est-ce que vous sauriez comment je peux m'y prendre ?

[emmanuel.remy]

Salut,

Suis peut-être pas la meilleur des conseils pour faire ce type de chose, mais si j'avais le couteau sous la gorge avec ta contrainte de map d'image je créerais autant d'images gif ou png qu'il y a de zones, avec un fond transparent et ne laissant apparaitre que le fond gris de la zone concernée.
Ensuite je superposerais l'ensemble des images au plan de la ville et je gèrerais le click et mouseover pour montrer uniquement l'image relative à la zone concernée.

Mais si je devais concevoir ce type de plan, je partirais sur une solution plutôt orientée SVG, car alors on peut manipuler chaque polygone en le remplissant etc...

ERE

[knice]

Lol, ouai, violent ^^
J'y avais pensé, mais je me suis dit qu'il devait y avoir mieux.

L'histoire des SVG, je peux le faire sur mon site ? (sachant que je ne code pas en XHTML)

[emmanuel.remy]

Re,

Lol, ouai, violent ^^
J'y avais pensé, mais je me suis dit qu'il devait y avoir mieux.

L'histoire des SVG, je peux le faire sur mon site ? (sachant que je ne code pas en XHTML)

A voir, mais regarde ce lien c'est un truc du même style qu'il te faut.
http://www.orvinfait.fr/svg/carte/france.html

Et aussi ce post: http://www.developpez.net/forums/d70...-carte-france/


ERE

[knice]

Ca me semble parfait tout ça.
J'essaie d'implémenter ça et je passe en résolu.

Merci beaucoup

[knice]

Ce que je vais dire va sembler totalement fou, mais Internet Explorer ne gère pas ce format.

Donc c'est foutu :'(

Je risque de devoir passer à la méthode bourine du début...