Syntaxe pour changer la couleur d'un lien href sur onMouseOver

Bonjour à tous

J'ai un lien href dans une cellule de tableau avec comme paramètre de la cellule un onMouseOver, un onMouseOut et un onClick comme décrit ci-dessous.

Code:

---

1 2 3 4

<td colspan="2" style="cursor:hand" onMouseOver="this.style.backgroundColor = '#000000'" onMouseOut="this.style.backgroundColor = 'transparent'" onClick="location.parent.href='recrutement-liste.htm'"> <font size="7" face="Verdana, Arial, Helvetica, sans-serif"> <a class="home" href="recrutement-iste.htm">recrute</a></font></td>

---

Mon problème c'est que quand on survol la cellule, son fond devient noir et on ne voit plus le texte du href, qui est noir aussi.
Il faut survoler le lien proprement dit, pour que CSS déclenche son changement en blanc.

Il doit bien exister un moyen de faire changer la couleur du texte avec onMouseOver.
Mais comme je suis nul en syntaxe, je ne m'en sort pas. Vous avez des idées ?
Merci infiniment !

PierreR75

Coucou,

je suis pas expert loin de la mais regarde ce que ca donne :

Code:

---

1 2 3 4

<td colspan="2" style="cursor:hand" onMouseOver="this.style.backgroundColor = '#000000'; document.getElementById(monLien).style.color=white" onMouseOut="this.style.backgroundColor = 'transparent'" onClick="location.parent.href='recrutement-liste.htm'"> <font size="7" face="Verdana, Arial, Helvetica, sans-serif"> <a class="home" href="recrutement-iste.htm" id="monLien">recrute</a></font></td>

---

mettre un id a ton lien puis faire le changement de style en récupérant l'id dans le onmouseover du td

je croi, lol

Merci timal78

Non, ça ne fonctionne pas... :(
J'ai aussi essayé cette variante au niveau de la déclaration de la couleur :

Code:

---

1 2

<td colspan="2" style="cursor:hand" onMouseOver="this.style.backgroundColor = '#000000'; document.getElementById(monLien).style.color='#FFFFFF'" onMouseOut="this.style.backgroundColor = 'transparent'" onClick="location.parent.href='recrutement-liste.htm'"><font size="7" face="Verdana, Arial, Helvetica, sans-serif"><a class="home" href="recrutement-liste.htm" id="monLien">recrute</a></font></td>

---

mais sans plus de succès...

Salut.

En regardant rapidement, plusieurs choses :

Code:

---

style="cursor:hand"

---

:nono:

Code:

---

style="cursor:pointer"

---

Ensuite :

Code:

---

document.getElementById(monLien).style.color='#FFFFFF'"

---

Le paramètre passé à getElementById doit être une chaine, sinon, JavaScript croit qu'il s'agit d'une variable (et renvoie donc une erreur si elle n'existe pas)

Code:

---

document.getElementById('monLien').style.color='#FFFFFF'"

---

Code:

---

onClick="location.parent.href='recrutement-liste.htm'"

---

l'objet location ne possède pas de propriété parent, il faut chercher l'objet location de la frame parent :

Code:

---

onClick="parent.location.href='recrutement-liste.htm'"

---

Alors là, Bovino... Je m'incline devant tant de maîtrise ! Respect.
Ca fonctionne parfaitement.
Merci pour cette aide aussi rapide qu'efficace !
PierreR75