making s visible?

[Ryan]

How can I make a <div> layer visible when I put my mouse over something? I know there's a way by changing the style of it, but I think that only works in IE.

[skrlin]

Try this out (works in NS and IE):

<script type="text/javascript">
function overFunc(ele, state) {
 var theDiv = document.getElementById(ele);
 switch(state) {
	case 'off':  theDiv.style.display = "none"; break;
	case 'on': theDiv.style.display = "inline"; break;
 }
}
</script>

<div style="display: none" id="div1">div content</div><BR>
<table height="300" width="400">
<tr>
<td style="background-color: #0000FF; border-style: black 1px solid; width: 75px"
 onMouseOver="this.bgColor='red'; overFunc('div1','on')"
 onMouseOut="this.bgColor='blue'; overFunc('div1','off')">
</td>
</tr>
</table>

[Ryan]

thanks