
January 20th, 2005, 03:47 PM
|
|
Registered User
|
|
Join Date: Apr 2007
Posts: 22,309
Time spent in forums: < 1 sec
Reputation Power: 24
|
|
|
Div's, Table's, and Js Galore!
I am in the process of creating a "text" version of a website, this is before I create the flash version. The way I want it to work, is I want a floating border over one of my <TD>'s when the mouse is over it. I've almost gotten it to work, but it just either blinks rapidly, or doesn't work. Here is a snippet of my code:
Code:
<script type='text/javascript'>
function change(the_div,the_v)
{
userbox = document.getElementById ? document.getElementById(''+the_div+'') : document.all[''+the_div+''];
userbox.style.visibility= the_v;
}
</script>
<table width='768px' style="height:440px;" cellpadding='0px' cellspacing='2px'>
<tr>
<td width='160px' style="height:88px;"></td>
<td width='20px' bgcolor='black'>
<div id='divOne' onMouseOver="change('divOne','visible');" onMouseOut="change('divOne','hidden');" style="width:20px; height:88px;">
<table width='20px' style="height:88px; border-color:white;" border='2px' cellpadding='0px' cellspacing='0px'>
<tr>
<td> </td>
</tr>
</table>
</div>
</td>
</tr>
</table>
Any help is much appreciated!
|