Page 1 sur 1

Carte cliquable

Posté : 12 nov. 2007, 11:05
par angebleu17
Bonjour,

Sur mon site j'ai une carte ou l'utilisateur peut se déplacer en cliquants à un endroit de la carte (c'est uen cate cliquable). Donc en fait la carte est découpé en petit case. Chaque case correpsond à un ID et à des coordonnées.

Voici une partie du code de l'image :

Code : Tout sélectionner

<img src="images/carte.jpg" width="450" height="403" border="0" usemap="#map" /> <map name="map"> <area shape="rect" coords="553,0,636,68" href="carte.php?id=1"/> <area shape="rect" coords="552,69,635,137" href="carte.php?id=2" /> <area shape="rect" coords="553,139,636,207" href="carte.php?id=3" /> <area shape="rect" coords="553,209,636,277" href="carte.php?id=4" /> ..etc </map>
Donc une fois que la personne clique sur un endroit je récupére l'ID de l'endroit. Donc j'aimerais afficher une petit image en forme de point sur l'image de départ pour indiquer ou se situe la personne sur la carte.

Par exempel si la personne a cliqué sur l'endroit ou id = 2, j'aimerais afficher sur la partie de l'image id = 2 un point pour indiquer que la personne a cliquer là.

Je ne sais pas du tout comment faire.. :(

Meci d'avance pour vos réponses

Posté : 12 nov. 2007, 11:27
par Berzemus
Je ne verrais que le javascript, récuperer les coordonnées ou l'utilisateur à cliqué, enregistrer, et y afficher un point noir.. (quoiqu'il doit y avoir moyen pour récuperer les coordonnées XY, mais pour après les faire correspondre à un point sur la carte..)

Ou bien, tout simplement, tu enregistres le clic, et la prochaine fois que la page se charge, tu rajoutes un point noir sur la carte (une image transparente, gif ou png), dans la case.

Posté : 12 nov. 2007, 11:33
par angebleu17
oui mais comment faire pour ajouter un point noir sur la carte à l'endoit ou la personne a cliqué ?

Posté : 12 nov. 2007, 12:13
par Berzemus
ben si je ne me trompe pas, si tu sais que l'utilisateur à été dirigé vers "carte.php?id=1", tu sais qu'il a cliqué dans la zone "553,0,636,68".

Le reste dépend comment est structuré ta page, mais il doit être possible d'afficher une div par dessus chaque zone, avec des petits points noirs dedans qui symbolisent les gens qui y ont cliqué.

En tout cas, va falloir faire du php ou du JS.