Mettez un peu de vie dans vos tableaux. Ce script fait apparaître un arrière-plan aux cellules au passage de la souris.
Démo :
Etape 1 : Ajouter dans le <HEAD>...</HEAD>:
<script language="JavaScript1.2"> function changeto(highlightcolor){ source=event.srcElement if (source.tagName=="TR"||source.tagName=="TABLE") return while(source.tagName!="TD") source=source.parentElement if (source.style.backgroundColor!=highlightcolor&&source.id!="ignore") source.style.backgroundColor=highlightcolor } function changeback(originalcolor){ if (event.fromElement.contains(event.toElement)||source.contains(event.toElement)||source.id=="ignore") return if (event.toElement!=source) source.style.backgroundColor=originalcolor } </script>
Etape 2 Ajouter à la balise <TABLE> pour réaliser l'effet :
<table onMouseover="changeto('lightgreen')" onMouseout="changeback('white')"> --- balises du tableau --- </table>
Où "lightgreen" représente la couleur d'arrière-plan et "white" la couleur d'origine.
Ce script permet aussi d'exclure des cellules de l'effet d'arrière-plan. On donne à cette cellule l'attribut id="ignore" dans la balise <td>. Par exemple :
<table onMouseover=.... onMouseout=...> <td id="ignore">Euro</td> <td>taux de conversion</td> <td>devise</td> </table>
