Milonic provide full featured pull down web menus for some of the worlds largest companies
click here to see what it can do for you

Download Milonic DHTML Menu
Buy Milonic DHTML Menu

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>&nbsp;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>


Poster: sdit
Dated: Tuesday May 18 2004 - 9:57:27 BST

What browser are you using ?

I have seen something similar to this with Mozilla but it didn't appear in IE