Discussion :

[pekka77]

Bonjour,

Voilà à peu près le code que j'ai :

Code :

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

1
2
3
4
5
6
 
<table>
  <tr>
     <td onMouseOver="script();"> <a href="lien.php">lien</a> </td>
  </tr>
</table>

Je voudrais que lorsque je passe la souris sur la cellule le texte "lien" se mette en noir.
Savez vous comment je peux faire cela sans trop alourdir le code. Je sais que je pourrais mettre un id dans le lien et faire un getElementById mais je trouve ça un peu lourd et je pense qu'il y a plus simple.

Sinon j'ai essayé qqch dans ce genre :

Code :

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

this.style.color='#000000'

Mais ça ne marche pas !

Merci beaucoup pour votre aide !

[laurent_ifips]

Bonsoir, essaye avec une feuille de style :

<style type="text/css">
a:hover{
color:black;
}
</style>

Laurent

[pekka77]

Oui je sais bien mais moi je veux que cela se fasse quand la souris passe sur la cellule et non pas sur le lien.

[siddh]

Code :

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

this.getElementsByTagName("a")[0].style.color=

[denisC]

Code :

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

1
2
 
     <td onMouseOver="this.style.color='#000000 !important'"> <a href="lien.php">lien</a> </td>

Essaye ça. Je suis curieux moi même de savoir si ça marche

[Auteur]

Code :

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

1
2
 
     <td onMouseOver="this.style.color='#000000 !important'"> <a href="lien.php">lien</a> </td>

Essaye ça. Je suis curieux moi même de savoir si ça marche

je complèterai ce qu'a écrit denisC en rajoutant onclick (comme ça toute la cellule est un lien) et onmouseout (pour revenir sur le style d'avant le mouse over) :

Code :

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

1
2
 
<td onmouseover="this.style.color='#000000'" onmouseout="this.style.color='FF0000'" onclick="window.location.href='lien.php'">bla bla</td>

attention aux " " et ' ' dans le code...

[javatwister]

d'accord avec siddh, c'est le plus logique;
vérifie seulement le style des liens de la page (text-decoration:none conseillé...)