Carte cliquable

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : Carte cliquable

par Berzemus » 12 nov. 2007, 12:13

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.

par angebleu17 » 12 nov. 2007, 11:33

oui mais comment faire pour ajouter un point noir sur la carte à l'endoit ou la personne a cliqué ?

par Berzemus » 12 nov. 2007, 11:27

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.

Carte cliquable

par angebleu17 » 12 nov. 2007, 11:05

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