Discussion :

[PierreR75]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[timal78]

Coucou,

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[PierreR75]

Merci timal78

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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...

[Bovino]

Salut.

En regardant rapidement, plusieurs choses :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

style="cursor:hand"

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

style="cursor:pointer"

Ensuite :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[PierreR75]

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