region de france cliquable

[michel83]

Avec Nvu est ce possible de faire une carte de france coupé par region, chaque region etant cliquable et menant à un site different?

Exemple vu sur le net :

http://annonces.rueducommerce.fr/choixzone/

[myahoo]

Il s'agit de la commande map / area, qui ne semble pas directement disponible dans Nvu.

Pour le fonctionnement il est simple, mais juste en théorie :

Code : Tout sélectionner

<map name="Nom-de-la-carte">

 <area shape="POLY" coords="52,129,50,134,52,143,50,146, (...)"
   href="/region1/" onmouseover="modifie('1')" onmouseout="modifie('0')">

 <area shape="POLY" coords="53,132, (...)" 
   href="/region2/" onmouseover="modifie('2')" onmouseout="modifie('0')">

 (...)

 <area shape="default" href="/choixzone/">
</map>

Ici il y a donc les balises map pour désigner la série de cadres non réguliers (area) servant de limites, et que faire pour chacun d'eux :

• - le shape mis à POLY pour chaque morceau, et à default pour le reste, le coords désignant les couples abcisse / ordonnée de chacun des points,
  - le href classique désigne le lien associé à cet espace,
  - les onmouseover / onmouseout sont en rapport avec un JavaScript qui change la couleur du lieu désigné

Du coup tu peux toi aussi tapoter tout ça ou bien copier le code de leur page puis l'éditer, de façon à découper comme tu le souhaites (car eux n'ont pas fait par départements, mais plutôt par régions commerciales).

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.1) Gecko/20061204 Firefox/2.0.0.1

[Ymai]

Bonjour
Ceci, peut-être?
http://www.infetech.com/article.php3?id_article=159

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.1.1) Gecko/20061208 Firefox/2.0.0.1

[edit]Chinon s'est fait griller, sur ce coup-là. Bon, comme il est du sud, il es plus prolixe, évidemment[/edit]

[chinon37]

Il est très facile de faire des "images map" (images à zones réactives", mais avec un logiciel externe, Kpz/Nvu ne le faisant pas.
Le meilleur logiciel est le logiciel libre "le Gimp" avec le filtre web "image map" livré d'origine avec Gimp.

tuto pour image map: http://www.infetech.com/article.php3?id_article=159

[edit: grillé! je tape encore trop lentement... mais bon, il y a cohérence dans les infos]

[michel83]

Merci pour votre "éfficacité "

[daisie]

Je confirme. GIMP pour les images cliquables. Facile.
Le plus sioux, c'est de mettre tout ça en ligne ensuite !

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.1) Gecko/20061204 Firefox/2.0.0.1

[Ymai]

Le plus sioux, c'est de mettre tout ça en ligne ensuite !

Quelle est la difficulté?

[chinon37]

mettre le curseur à l'endroit où tu veux placer l'image réactive, puis:
insertion > code html > coller le code généré par "Gimp" et le tour est joué.

voilà, voilà, voilà!
Bon ce soir, c'est les vacances! 8 jours sans forum!! (et sans neige aussi )