Votre question

Carte + interactivité avec info bulle

Tags :
  • format
  • Programmation
Dernière réponse : dans Programmation
27 Novembre 2010 07:38:37

Bonjour,

j'aimerais créer une carte avec des gros points pour chaque ville et lorsqu'on passe le curseur sur le gros point, cela affiche une info bulle dans un coin de la page.

Pour cela, j'ai commencé à m'orienter vers ce tuto : http://www.siteduzero.com/tutoriel-3-3 [...] aphiques.html
Mais j'ai relu et relu et puis ce n'est pas vraiment ce que je cherche.

Pour commencer, j'ai déjà ma carte au format jpg.

Maintenant, je ne sais pas comment faire, mais je veux utiliser uniquement du html/css si possible(javascript, pourquoi pas), pas de php/mysql (cela n'aura aucun interet d'entre en relation avec ma BDD)

D'abord, il faudrait mettre les "points" pour chaque ville sur la carte, ensuite les rendre interactif de façon à que lorsqu'on passe le curseur dessus, une info bulle apparaisse.

Merci d'avance,
Cordialement.

Autres pages sur : carte interactivite info bulle

27 Novembre 2010 13:48:00

Non , j'ai oublié de préciser que je voulmais passer par google maps ..

Il faudrait une autre solution ...

J'ai continué a chercher mais vraiement je trouve rien alors que d'habitude pour mes trucs en html je trouve ...

Merci d'avance ;) 
m
0
l
Contenus similaires
28 Novembre 2010 11:22:55

J'ai réussi à placer des carrés sur la carte, maintenant il faut les rendre cliquable et que ça affiche un texte a droite de la page.

Si vous avez des idées, merci.
m
0
l
a c 232 L Programmation
28 Novembre 2010 14:13:03

Salut,

Pour les rendre cliquables tu mets un lien <a> dessus. Et pour afficher du texte, ça va se faire avec un peu de JavaScript.
Tu peux prendre ce principe si tu veux : http://www.dynamicdrive.com/dynamicindex5/fixedtooltip....

Sauf qu'au lieu du onMouseOver, tu vas plutôt utiliser onClick
m
0
l
Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS