Javascript ET css
Bonjour,
voilà, venons en au faite, je ne sais pas comment
grace au JS, je peux changé un class prédéfini en css.
ex:
<head>
<style>
.tit {font-weight:bold;text-align:center; border:1px solid black;}
.tit td{font-size: 12px; font-family: Verdana; border:1px solid black; }
.lkn td{background-color: #f3f3f3; font-size: 12px;font-weight:lighter;text-align:left;font-family: Verdana;}
.lko td{background-color: #ffffff; font-size: 12px;font-weight:lighter;text-align:left;font-family: Verdana;}
</style>
</head>
<body>
<table width="120px" style="border:1px solid black;" bgcolor="#f3f3f3">
<tr>
<td>
<table align="center" bgcolor="#DFE8F1" width="110px">
<tr>
<td>
<table cellpadding="0" cellspacing="0" align="center" width="100px" class="lol" onMouseOver="javascript:lkn.class='lko'">
<tr class="tit">
<td>TITRE</td>
</tr>
<tr class="lkn">
<td>lien</td>
</tr>
<tr class="lkn">
<td>lien</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
Dans cette exemple je ne sais pas comme lorsque l'évènement On MouseOver se réalise, la class "lkn" se change en "lko"
Merci
voilà, venons en au faite, je ne sais pas comment
grace au JS, je peux changé un class prédéfini en css.
ex:
<head>
<style>
.tit {font-weight:bold;text-align:center; border:1px solid black;}
.tit td{font-size: 12px; font-family: Verdana; border:1px solid black; }
.lkn td{background-color: #f3f3f3; font-size: 12px;font-weight:lighter;text-align:left;font-family: Verdana;}
.lko td{background-color: #ffffff; font-size: 12px;font-weight:lighter;text-align:left;font-family: Verdana;}
</style>
</head>
<body>
<table width="120px" style="border:1px solid black;" bgcolor="#f3f3f3">
<tr>
<td>
<table align="center" bgcolor="#DFE8F1" width="110px">
<tr>
<td>
<table cellpadding="0" cellspacing="0" align="center" width="100px" class="lol" onMouseOver="javascript:lkn.class='lko'">
<tr class="tit">
<td>TITRE</td>
</tr>
<tr class="lkn">
<td>lien</td>
</tr>
<tr class="lkn">
<td>lien</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
Dans cette exemple je ne sais pas comme lorsque l'évènement On MouseOver se réalise, la class "lkn" se change en "lko"
Merci
A voir également:
- Javascript ET css
- Telecharger javascript - Télécharger - Langages
- Enlever le soulignement d'un lien css - Astuces et Solutions
- A javascript error occurred in the main process - Forum Handicap / Accessibilté
- Css exposant ✓ - Forum CSS
- Erreur #125 javascript - Forum Mozilla Firefox