I need to add a table that uses javascript to show/hide it on mouse over. It works fine except when the menu code is present.
It's easy to reproduce. Add the following code to any one your menu pages and notice the flickering when you move over the items. I have tried several versions of the milonic menu and they all do the same thing.
- Hans
Code to reproduce the problem:
------------------------------------------
Code: Select all
<script language=javascript>
function minmaxToolbox(){
if (document.all.minToolbox.style.display == "none")
{document.all.minToolbox.style.display = "block";}
else
{document.all.minToolbox.style.display = "none";}
}
</script>
<table class="tableGrid" onmouseover="minmaxToolbox();" onmouseout="minmaxToolbox();" style="z-index: 100;" width="150" cellpadding="5" cellspacing="1" border="0" id="ToolMenuTable">
<td style="Cursor: default;" align=left bgcolor=#4A4D4A nowrap valign="top" width="170"><font color=white><b> Quick Links</b></td>
<tr id="minToolbox" style="Display: none;">
<td bgcolor=#FFFFFF>
<span style="cursor: hand;" onclick="openModal();" onmouseover="this.style.textDecorationUnderline=true;" onmouseout="this.style.textDecorationUnderline=false;">Quick Search</span><br>
<span style="cursor: hand;" onclick="openModal();" onmouseover="this.style.textDecorationUnderline=true;" onmouseout="this.style.textDecorationUnderline=false;">Run Query</span>
<hr style="height:1;color:#000000">
<span style="cursor: hand;" onclick="openModal();" onmouseover="this.style.textDecorationUnderline=true;" onmouseout="this.style.textDecorationUnderline=false;">Quick Search</span><br>
<span style="cursor: hand;" onclick="openModal();" onmouseover="this.style.textDecorationUnderline=true;" onmouseout="this.style.textDecorationUnderline=false;">Run Query</span>
<hr style="height:1;color:#000000">
<span style="cursor: hand;" onclick="openModal();" onmouseover="this.style.textDecorationUnderline=true;" onmouseout="this.style.textDecorationUnderline=false;">Quick Search</span><br>
<span style="cursor: hand;" onclick="openModal();" onmouseover="this.style.textDecorationUnderline=true;" onmouseout="this.style.textDecorationUnderline=false;">Run Query</span>
<hr style="height:1;color:#000000">
<span style="cursor: hand;" onclick="openModal();" onmouseover="this.style.textDecorationUnderline=true;" onmouseout="this.style.textDecorationUnderline=false;">Quick Search</span><br>
<span style="cursor: hand;" onclick="openModal();" onmouseover="this.style.textDecorationUnderline=true;" onmouseout="this.style.textDecorationUnderline=false;">Run Query</span>
<hr style="height:1;color:#000000">
<span style="cursor: hand;" onclick="openModal();" onmouseover="this.style.textDecorationUnderline=true;" onmouseout="this.style.textDecorationUnderline=false;">Quick Search</span><br>
<span style="cursor: hand;" onclick="openModal();" onmouseover="this.style.textDecorationUnderline=true;" onmouseout="this.style.textDecorationUnderline=false;">Run Query</span>
</td>
</tr>
</td>
</table>
<script language=javascript>
ToolMenuTable.style.position="absolute";
ToolMenuTable.style.left=(document.body.clientWidth) - 219;
ToolMenuTable.style.top=110;
</script>