Industrial Strength JavaScript and DHTML Menus
About Us
Testimonials
Contact Us
Our Distinguished Clients
Investing in Non-Profits
Where Are We
Privacy Policy
Software Licensing Agreement
DHTML JavaScript Menu
Product Information
Page Integration
Quick Reference Guides
Embedding Into a Table or DIV
Purchase
Back To Start Of Archive
Taken From The Forum: Help & Support for DHTML Menu Version 5+
Forum Topic: Click to view post
Last Updated: Saturday July 14 2012 - 06:07:28
Flickering problem
Poster: HansL
Dated: Monday May 17 2004 - 9:05:25 BST
Hello all,
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:
<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>