Afficher des informations dans une bulle au survol d'une partie d'une carte

Bonjour,

Voilà, j'ai de bonnes connaissances en PHP/mysql, mais je suis une pine en javascript.

Et là j'ai un truc à réaliser et je ne vois pas du tout comment faire 8O

En gros, j'affiche une carte de France, divisée en départements, comme celle-ci :

http://www.econumerique.pme.gouv.fr/...epartement.gif

L'idée, c'est que c'est pour un annuaire. Pour chaque département, il y a des inscrits.
Donc si je survole le département des Yvelines, par exemple, je souhaite que dans la bulle s'inscrive :

Citation:

---

Département : Yvelines
Inscrits : 45

---

Donc le nombre d'inscrits, je le récupère depuis la BD avec javascript, avec le numéro et le nom du département.

Ensuite, je pense qu'il faut que je fasse une map sur la carte et qu'au survol, les liens déclenchent une action javascript, qui aille chercher les informations récupérées en PHP depuis la BD et passées dans un tableau javascript.

Ok...

Mais alors là, c'est le grand grand trou noir :aie:


Si quelqu'un peut m'aider... Merci d'avance !

salut
Vu la carte des départements français ne devrait pas beaucoup bouger et que les infos que tu as à afficher ne sont pas énormes voila ce que je ferai.
- une map toute simple en html sur ta carte
- du code php qui extrait les données de la base et les mets dans un tableau javascript (je crois qu'il doit y avoir des infos à ce sujet dans une FAQ js ou php)
- sur le onmouseover des régions faire un affichage d'une balise div rempli avec le contenu du tableau javascript qui correspond (tu peux te servir des n° de départements comme index par exemple).

Euh oui... C'est à peu près l'idée que j'ai eu, peut-être pas exprimée dans les mêmes termes...


Mais là je sais toujours pas du tout comment faire.



Par contre je me dis que je n'ai peut-être pas besoin de javascript, je dois pouvoir me servir d'un tuto comme celui-ci je pense, pour le faire en CSS :

http://r-hunel.developpez.com/tutoriels/css/info-bulle/

a mon avis tu auras tout de même besoin de javascript car seules les balises a acceptent le hover de façon universelle ...
En l'occurence, la zone qui déclenche l'infobulle serait une area ?

Tu peux toujours utiliser le title des balise area, mais c'est assez limité graphiquemement

Code:

---

<area shape=... coords=... titls="mon infobulle au survol" />

---