Changer le style d'un lien au passage de la souris sur une image

Bonjour à toutes et tous,

j'ai besoin de vos lumières pour mettre en gras une portion de texte (avec un lien) lors du passage de la souris sur une image qui lui correspond.

Voici le code relatif au texte que je voudrais mettre en gras, qui lui-même change la carte quand on le survole :

<a id="nord" href="#" 
onmouseover="carte.src='images/cartenord.gif'" 
onmouseout="carte.src='images/carte.gif'"
>Nord</a>

Avez-vous une idée pour y parvenir ?
Merci
Modifié par stephane.travail (16 Jun 2009 - 11:33)

Salut,

En Javascript,
- lors du mouseover sur ton image, récupère ton lien et ajoute lui une classe avec un nom pertinent
- lors du mouseout, récupère ton lien et retire lui la classe.

En CSS :

.toto {font-weight:bold;}

Essaye d'arriver à un code qui fait ça, et s'il ne marche pas colle-le ici pour qu'on t'aide à le corriger.
Modifié par marcv (17 Jun 2009 - 11:59)

Salut,

merci bien pour le conseil.
J'ai réussi à obtenir le résultat voulu avec le code :

onMouseover="document.getElementById('1nor').style.fontWeight='bold' ;
carte.src='images/cartenord.gif'" 
onMouseout="document.getElementById('1nor').style.fontWeight='normal';
carte.src='images/carte.gif'" ;

...sachant que j'ai mis le lien dans un span avec id :

<span id="1nor">
<a href="#" 
onmouseover="carte.src='images/cartenord.gif'" 
onmouseout="carte.src='images/carte.gif'"
>Nord</a></span>

Par contre, je n'ai pas réussi à appliquer une classe pour faire plus propre. Voilà le code que j'ai essayé :

onMouseover="document.getElementById('1nor').className='gras'

et dans le CSS :

.gras {font-weight:bold;}

Modifié par stephane.travail (17 Jun 2009 - 10:37)

Salut,

stephane.travail a écrit :
je n'ai pas réussi à appliquer une classe pour faire plus propre

Vérifie d'abord si la classe est bien appliquée à l'élément (un coup d'inspection Firebug, par exemple). Si elle est bien appliquée, c'est certainement un problème de priorité CSS.

Bonjour,

le problème est résolu et venait de la priorité CSS.
Merci beaucoup Marcv.

Bon week end