Q951 How can I highlight the background color of table cells using onMouseOver?

irt.org | Knowledge Base | DHTML | Q951 [ previous next ]

Q951 How can I highlight the background color of table cells using onMouseOver?

Try the following:

<html>
<head>

<style><!--
.relative { position:relative; }
//--></style>

<script language="JavaScript"><!--
var color = '';

function over(id) {
    if (document.getElementById) {
        window.color = winodw.document.getElementById(id).style.bgColor;
        window.document.getElementById(id).style.bgGolor = '#FF0000';
    }
    else if (document.layers) {
        window.color = window.document.layers[id].bgColor;
        window.document.layers[id].bgColor = '#FF0000';
    }
    else if (document.all) {
        window.color = window.document.all[id].style.background;
        window.document.all[id].style.background = '#FF0000';
    }
}

function out(id) {
    if (document.getElementById)
        window.document.getElementById(id).style.bgColor = window.color;
    else if (document.layers)
        window.document.layers[id].bgColor = window.color;
    else if (document.all)
        window.document.all[id].style.background = window.color;
}
//--></script>

</head>

<body>

<table>
<tr>
<td id="id1" class="relative"><a href="http://www.irt.org/" onMouseOver="window.over('id1')" onMouseOut="window.out('id1')">test</a></td>
<td id="id2" class="relative"><a href="http://www.irt.org/" onMouseOver="window.over('id2')" onMouseOut="window.out('id2')">test</a></td>
</tr>
</table>

</body>
</html>

Feedback on 'Q951 How can I highlight the background color of table cells using onMouseOver?'

What's New

How to do the impossible with Google Gears

Out and About

Last Updated: 6th July 2009. Maintained by: Martin Webb
irt.org liability, trademark, document use, privacy statement and software licensing rules apply.