Liens, usemap

Fermé
mela - 16 févr. 2010 à 12:16
ifisch Messages postés 188 Date d'inscription mardi 26 février 2008 Statut Membre Dernière intervention 21 octobre 2015 - 16 févr. 2010 à 17:38
Bonjour,

Sur une de mes image, j'ai utilisé la fonction "usemap". J'aimerai savoir s'il est possible quand on clic là où j'ai définis apparaisse dans le dessous l'image le texte qui correspond.

Je m'explique un peu mieux : j'ai une carte de France et je souhaite quand on clic sur un département apparaisse une liste de clubs. Mais je ne souhaite pas que les listes soient présentes tant qu'on a pas cliqué sur le dépéartement.

Je suis en Php.

Merci pour votre aide

2 réponses

ifisch Messages postés 188 Date d'inscription mardi 26 février 2008 Statut Membre Dernière intervention 21 octobre 2015 17
16 févr. 2010 à 12:30
Bonjour, tu devrais te pencher sur les déclencheurs javascript (onclick) . Ou alors tu créer des liens style : map.php?departement=gard avec un script php qui vérifiera a quoi correspond gard et affichera en conséquence .

Appliquer les deux ne sont pas incompatibles et sont même conseillé ;) .
0
Merci pour ton conseil, mais je t'avoue que je débute en programmation, et le java et le php je le gère pas trop.

J'ai regardé les articles sur "onclick" mais j'avoue que j'ai du mal à comprendre.
Par exemple ce code m'a l'aire interessant mais je ne sais pas à quoi metter à la place de fonction
<a href="http://www.example.com" onclick="fonction(this.href);return false;">

Un autre que j'ai essayé d'adapté mais bon ça ne marche pas : <a href="javascript:;"
onMouseOver="120,139,7.src='club/beuvrage.php';"
onMouseOut="130,43,8.src='club/poussan.php';">
<img name="image/pratique/club en france copie.jpg" src="image/pratique/club en france copie.jpg"> </a>

Voila mon code map, est ce que tu peux me dire où je dois placer le code et si c'est pas trop te demander, le code exacte :
<img src="image/pratique/club en france copie.jpg" width="232" height="229" hspace="10" vspace="1" border="0" usemap="#Map" lowsrc="Glissez vers un fichier pour le sélectionner" />
<map name="Map" id="Map"><area shape="circle" coords="120,139,7" href="club/beuvrage.php" target="_self" />
<area shape="circle" coords="130,43,8" href="club/poussan.php" />
</map>
0
ifisch Messages postés 188 Date d'inscription mardi 26 février 2008 Statut Membre Dernière intervention 21 octobre 2015 17
16 févr. 2010 à 17:38
D'accord . Alors pour commencer : le Java et la javascript ce n'est pas la même chose :) .

Ensuite, oui je comprend tout a fait pourquoi ce que tu essaie ne fonctionne pas.

<a href="http://www.example.com" onclick="fonction(this.href);return false;"> 

Cette ligne deja veux dire que lorsque que tu cliques sur le lien, javascript va executer la fonction "fonction" avec pour argument "this.href" . Pour les détails tu as pas mal de doc a ce sujet un peu partout :) .

Et l'autre truc ben je ne e comprend pas :/ .

Bref ! Pour te mettre sur la voix créé une div avec un id, par exemple Gard, en css tu définis cette div comme non-visible avec l'attribut display:none; .

Dans le lien de ta map correspondant tu ajouteras

onclick="document.getElementById('Gard').style.display = 'block'; return false;"


Tu pourras refaire la même opération dans le contenu de cette div avec un lien remattant l'attribut a "none" pour la re-cacher :).

"Return false" permet de ne pas se rendre au lien en question . Ne pas oublier les points virgules et encore moins les guillemets qui posent bon nombre de problème ...

Tu peux encore en faire une fonction :

a inserer dans la head ou dans le body mais alors tout au début :
<SCRIPT language="Javascript">

function affiche (departement){ document.getElementById(departement).style.display = 'block'; return false;  }

</SCRIPT>


ensuite ton lien ressemblerait a ça :
<a href=#" onclick="affiche('Gard')">Clique</a>


Ce onclick pourra se trouver sur n'importe que lien il fera toujours apparaitre la div portant l'ID "Gard" . Voila !
0