Page 1 sur 1
region de france cliquable
Publié : 22 févr. 2007, 02:29
par 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/
Publié : 22 févr. 2007, 03:14
par 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
Publié : 22 févr. 2007, 09:56
par 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]
Publié : 22 févr. 2007, 10:00
par 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]
Publié : 22 févr. 2007, 14:53
par michel83
Merci pour votre "éfficacité "
Publié : 23 févr. 2007, 11:47
par 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
Publié : 23 févr. 2007, 12:01
par Ymai
daisie a écrit :Le plus sioux, c'est de mettre tout ça en ligne ensuite !
Quelle est la difficulté?
Publié : 23 févr. 2007, 12:33
par 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
)