Een effect op cellen in een tabel als de muiswijzer erop staat

Met deze tip kan je de cellen in een tabel een kleur geven als de muiswijzer erop staat. Je krijgt dit effect door het volgende script in de header van je pagina te zetten:

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

Wijzig de tabelcode als volgt:

<table onMouseover="changeto('flyover_colour')"
onMouseout="changeback('default_colour')">
Insert the regular code for your table cells here.
</table>

Ontdek alle Webmaster scripts.