Lien hover au passage du curseur sur une img

Fermé
gégé - 28 févr. 2010 à 14:32
 Mathieu - 9 juin 2010 à 13:52
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!
A voir également:

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
bg62 Messages postés 23590 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 15 avril 2024 2 362
28 févr. 2010 à 15:20
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
bg62 Messages postés 23590 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 15 avril 2024 2 362
28 févr. 2010 à 16:29
lien de la liste en texte se mette en surligné aussi 

... certainement créer une 'correspondance' à l'aide de JavaScript ... mais là ?
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
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
bg62 Messages postés 23590 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 15 avril 2024 2 362
28 févr. 2010 à 16:59
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