Onmouseover Changer la couleur d'un lien

Bonjour

je crois que j'ai tout dit dans le titre.

j'ai un tableau avec des liens et je veux modifier la couleur du text avec onmouseover.

merci de m'aider

Le mieux est de définir ça dans une CSS plutot que de le faire en Javascript.

Exemple :

Code:

---

1 2 3 4 5 6

A { color:#000000; } A:hover { color:#FF0000; }

---

Merci

j'ai oublié : dans mes liens j'ai des <td><a onclick="window.open('Saisie_Cotisations.php')">Cotisations</a></td>

et là ça marche pas :(

Tu as aussi le A:active, qui gère la couleur _au moment du clic_.
Le fait de rajouter du javascript dans le href, ne change rien à l'application du style, si il est bien défini dans la feuille de style.

donc si j'ai compri comme j'ai <a onclick qui ouvre une nouvelle fenêtre, le onmouseover ne peut pas marcher?

c'est surtout que ce n'est pas à JavaScript de gerer les propriétés d'affichage. c'est CSS qui s'occupe de ça, avec a:hover :mrgreen:. mais pour que ça fonctionne, je crois que ton lien doit avoir un href, donc par exemple href="#" si tu ouvres ton lien sur le onclick 8)

Citation:

---

Envoyé par torvalds17

c'est surtout que ce n'est pas à JavaScript de gerer les propriétés d'affichage. c'est CSS qui s'occupe de ça, avec a:hover :mrgreen:. mais pour que ça fonctionne, je crois que ton lien doit avoir un href, donc par exemple href="#" si tu ouvres ton lien sur le onclick 8)

---

+1, j'avais pas remarqué que tu n'avais aucun href !

Tu peux aussi faire :

Code:

---

<a href="javascript:alert('toto')">un lien</a>

---

ben là je comprends plus voila mon tableau

Code:

---

1 2 3 4 5 6 7 8 9 10 11

<td><a href="statuts.htm" class="lien">Statuts</a></td> <td><a href="recap.php" class="lien">Trésorerie</a></td> <td><a href="tableau_recap.php" class="lien">Récapitulatif</a></td> <td><a href="Journal_bea.php" class="lien">Journal</a></td> <td><a href="../membres/membres.php" class="lien">Membres</a></td> <td><a onclick="window.open('../membres/Saisie_membre.php','newWin','menubar=no,toolbar=no,scrollbars=no,status=no,left=130,top=150,width=400,height=300');" style="text-decoration: none;cursor:pointer" >Ajouter un membre</a></font></td> <td><a href="Synthese_cotisations.php" class="lien">Cotisations</a></td> <td><a onclick="window.open('Saisie_Cotisations.php','newWin','menubar=no,toolbar=no,scrollbars=no,status=no,left=160,top=130,width=600,height=400');" style="text-decoration: none;cursor:pointer" title='Saisie des cotisations'>Saisie cotisations</a></font></td> <td><a href="Recap_mouvts_titres.php" class="lien">Mouvements portefeuille</a></td> <td><a onclick="window.open('Saisie_Operations_Titres.php','newWin','menubar=no,toolbar=no,scrollbars=no,status=no,left=160,top=130,width=600,height=450');" style="cursor:pointer" title='Acheter, vendre, ajouter un titre'>Acheter vendre</a></font></td> <td><a onclick="window.open('Saisie_Operations_Titres.php','newWin','menubar=no,toolbar=no,scrollbars=no,status=no,left=160,top=130,width=600,height=450');" style="cursor:pointer">Division de cours</a></font></td>

---

donc tous mes titres appellent soit une page soit on ouvre une fenêtre.
La couleur change bien pour href avec ce que vous m'avez donné
a {
color:white;
}
a:hover {
color:yellow;
})
mais pas pour onclick !!!

Car comme on te l'a dit, quand tu n'as pas de href dans ta balise <a>, le lien n'est pas affiché en tant que tel, bien qu'il reste actif.

Il faut ajouter un href="#", ou modifier ton lien, pour qu'au lieu d'un onClick="window.open(...)" tu fasses href="javascript:window.open(...)".