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
- A javascript error occurred in the main process - Forum Handicap / Accessibilté
- Enlever le soulignement d'un lien css - Astuces et Solutions
- Css exposant ✓ - Forum CSS
- Afficher un tableau javascript en html ✓ - Forum Javascript