Javascript : exemples avec le code source

F - Modification des styles

Couleur de fond d'un tableau

Choisissez votre couleur de fond :
  rouge rouge bleu magenta cyan jaune  

Code html (utilisant l'identité des objets)

<html>
<head>
<script language="javascript">
function changecouleur(couleur) {
document.getElementById('tab').style.backgroundColor=couleur;
}
</script>
</head>
<body>
<table align="center" id="tab">
<tr>
<td colspan="6" align="center">
Choisissez votre couleur de fond :
</td>
</tr>
<tr>
<td>
<a href="javascript:changecouleur('#FF0000');" style="color:#FF0000">rouge</a>
</td>
<td >
<a href="javascript:changecouleur('#00FF00');" style="color:#00FF00">rouge</a>
</td>
<td>
<a href="javascript:changecouleur('#0000FF');" style="color:#0000FF">bleu</a>
</td>
<td>
<a href="javascript:changecouleur('#FF00FF');" style="color:#FF00FF">magenta</a>
</td>
<td>
<a href="javascript:changecouleur('#00FFFF');" style="color:#00FFFF">cyan</a>
</td>
<td>
<a href="javascript:changecouleur('#FFFF00');" style="color:#FFFF00">jaune</a>
</td>
</tr>
</table>
</body>
</html>


Validé XHTML 1.1    Validé CSS