Lien hover au passage du curseur sur une img

Fermé
Signaler
-
 Mathieu -
Bonjour,


je fais appel a vous car je suis dans la panade, je demande votre aide a genoux.

Il y a un exemple concret a mon probleme : leboncoin.fr

J' ai la liste des regions en liens plus la carte de france avec region cliquable.

J' aimerai que lorsque je passe le curseur sur une region, le lien correspondant sois souligné.

Les liens seuls fonctionnent, si je passe la souris sur le lien "bretagne", il devient souligné.

Voici la partie de la carte correspondant a la bretagne:

<area shape="poly" coords="191,159,180,163,174,154,139,151,130,158,111,135,45,149,44,182,60,196,134,220,151,213,171,204,184,200,195,192" href="l.php?r=1" id="1" title="Bretagne">


et voici le lien "bretagne" en toutes lettres:

<a id="1" href="l.php?r=1" title="Bretagne">Bretagne</a>

Ca serait super sympa si il y avait mon sauveur aujourd' hui !!!

Mille mercis!

8 réponses

Peu-être une astuce? javascript? Si oui, avez-vous un lien pour me guider pour mon exemple concret? Il y' a tellement de trucs sur le net en javascript que je ne trouve pas mon bonheur. :/
0
Messages postés
23213
Date d'inscription
samedi 22 octobre 2005
Statut
Modérateur
Dernière intervention
16 janvier 2022
2 313
voir ici:
image mapping
en suivant tous les liens tu trouveras certainement la réponse qui te convient ... :)
0
Merci de ton aide, alors par contre aprés avoir visité ton lien, je me suis rendu compte que ca ne parlait que de mapping, image cliquable. Hors moi, cette partie fonctionne. Ma carte de france cliquable fonctionne bien, seulement a coté en texte, j' ai la liste des region en plus de la carte de france. Et ce que je recherche, c' est comment faire pour que lorsque je passe le curseur sur une region de la carte, lien de la liste en texte se mette en surligné aussi (hover)?
0
Messages postés
23213
Date d'inscription
samedi 22 octobre 2005
Statut
Modérateur
Dernière intervention
16 janvier 2022
2 313
lien de la liste en texte se mette en surligné aussi 

... certainement créer une 'correspondance' à l'aide de JavaScript ... mais là ?
0
Voila, c' est ca, une sorte de correspondance ou de liaison, entre les deux, mais je ne trouve rien la dessus.

Et forcement quand je fais des recherches je tombe sur "image qui change quand on passe sur un lien", alors ca aide pas.


Bon ben je suis perdu :)
0
Messages postés
23213
Date d'inscription
samedi 22 octobre 2005
Statut
Modérateur
Dernière intervention
16 janvier 2022
2 313
faudrait que RAD passe pour ça mais l'est pas là ...
désolé ...
0
C' est pas grave je vais attendr,e merci encore en attendant :)
0
Si on regarde le code utilisé par le bon coin, c'est pas sorcier :
function change_image(region) {
var ShowItem = document.getElementById("area_image");
var LinkItem = document.getElementById("county_" + region);
ShowItem.style.backgroundImage = 'url(/img/map_' + region + '.gif)';
LinkItem.style.textDecoration = "underline";
return true;
}

Ils se servent d'une même numéro d'ID à la fois pour le AREA d'une région, et pour le lien à côté.
0