Discussion :

[philippef]

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

[KiLVaiDeN]

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

Exemple :

Code :

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

1
2
3
4
5
6
A {
  color:#000000;
}
A:hover {
  color:#FF0000;
}

[philippef]

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

[KiLVaiDeN]

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.

[philippef]

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

[Invité]

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

[KiLVaiDeN]

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

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

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

[philippef]

ben là je comprends plus voila mon tableau

Code :

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

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

[KiLVaiDeN]

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(...)".