Page 1 sur 2
Carte de france clicable
Posté : 17 avr. 2005, 11:18
par pirquessa
Bonjours,
Je ne sais pas si il faut que je poste mon problème ici...
Voila, j'aimerai faire une carte de france ou serai localisés toutes les organisations inscrites sur mon site . Pour les reperer, je pensé faire un script JS qui sauve la position de la souris et qui l'enregistre pour l'affichage d'un point (pour chaque enregistrements)
Mais je ne trouve pas de tutos pour ca, ni de scripts tout prets, Pouvez vous m'aider???
(du style
http://perfectgod.free.fr/rubikscubor/i ... page=carte mais sans flash... (si c'est possible...) )
Merci
Posté : 17 avr. 2005, 12:06
par thierry
Posté : 17 avr. 2005, 14:16
par pirquessa
merci du tuto, je ne connaissai pas... Mais pas de carte de ce type en 'open source' ???
Posté : 02 mai 2005, 10:14
par Hannechi
salut,
et ben concernant les images map en HTML il est conseillé d'utiliser des logiciel approprié tel que l'outil [b]image Map [/b]de (Script Edit ) et ben il est possible a chaque d'ajouter des effet JS en fait il est possible de faire un travail parreil au celui de Flash ...... bon chance
Posté : 04 mai 2005, 14:43
par pirquessa
je crois que j'ai pas trop compris ton explication, c'est domage parce que ca m'interresse beaucoup
Posté : 04 mai 2005, 16:14
par seayoung
tout d'abord :
pour l'avoir fait je te souhaite bon courage
pour te mettre sur la voie voici un bout de code:
Code : Tout sélectionner
<map name=\"Map\">
<area shape=\"poly\" coords=\"146,123,151,120,158,114,167,114,172,119,172,124,174,127,173,132,161,134,157,131,151,131\" href=\"".$_SERVER["PHP_SELF"]." alt=\"Paris\" title=\"Paris\">
</map>
voila en gros fais des recherche sur map mais le plis galere la dedans c'est de trouver les coordonnées
Mais tu as pas besoin de javascript enfin moi j'ai fait sans
Posté : 04 mai 2005, 22:27
par pirquessa
et me donner un code plus complet??? parce que faire ces coordonnées, je vois pas trop comment la... lol
Ta carte est perso ??
Merci de votre aide
Posté : 04 mai 2005, 22:39
par Cyrano
Si tu as Paint Shop Pro, c'est un peu fastidieux mais facile: tu ouvres ton image dans Paint SHop Pro et tu ouvres un bloc-note.
En balladant ton pointeur de souris sur les endroits de l'image que tu veux mapper, tu vois dans la barre de statut de PSP les coordonnées du point ... que tu n'as plus qu'à noter dans le bloc-note en les séparant par des virgules.
Quand tu as fait le tour de la zone, tu colles ça dans l'attribut coords
Je l'ai déjà fait pour des images et je m'étais bien éclaté à faire le tour de pétales d'un lys pour faire un lien clicable
Posté : 04 mai 2005, 23:20
par pjl
Ou avec Dreamweaver, pour une fois qu'il peut être utile.
Posté : 05 mai 2005, 11:02
par pirquessa
okey je vois !!!
et juste comme ca, si on ve rajouter un onmouseover ... pour changer la couleur du département par ex, comment on fait??
Posté : 05 mai 2005, 11:42
par Cyrano
Pour faire ça, tu pourrais le faire avec du CSS, mais on tombe dans le CSS avancé là et tu aurais un autre genre de découpage à faire sur ta carte
Mais en JavaScript, tu ne pourras pas délimiter juste un département pour modifier la couleur sauf en changeant la carte et en remplaçant par la carte qui a le département en question d'une couleur différente: ça veut dire que tu auras un préload de plus d'autant de fichiers images qu'il y a de départements: bonjour le temps de chargement de la page
.
Posté : 05 mai 2005, 15:29
par pirquesssa
Je vois, bon, j'essaierai simplement
Posté : 05 mai 2005, 15:47
par Cyrano
Si tu te sens d'attaque pour essayer en CSS, va jeter un oeil
là-dessus, c'est assez brillant comme système et ça n'utilise qu'une seule image, mais dans ton cas, elle serait juste plus grande et complexe
Posté : 05 mai 2005, 23:05
par pirquessa
C'est franchement impressionnant meme pour les menu ...
Merci mais je vais deja essayer basique
Posté : 05 mai 2005, 23:12
par Cyrano
c'est très sympa comme système, je prépare un site pour le club de foot d'un de mes frères, j'ai fait le menu de navigation comme ça : une seule image pour tous les boutons de navigation, ça pèse rien et c'est encore plus rapide qu'un changement d'image en JavaScript