IE6 menu over form causes form to be unreadable/uneditable

Taken From The Forum:
Forum Topic:
Last Updated: Saturday July 14 2012 - 06:07:29

IE6 menu over form causes form to be unreadable/uneditable

Poster: jhilden
Dated: Monday October 10 2005 - 23:30:57 BST

Here's my menu code:

Code:

with(ScrollingSampStyle=new mm_style()){
   bordercolor="transparent";
   borderstyle="transparent";
   offbgcolor="#E2DBE9";
   onbgcolor="#E2DBE9";
   oncolor="#8363A7";
   offcolor="#8363A7";
   borderwidth=0;
   fontfamily="Tahoma,Helvetica,Verdana";
   fontsize="70%";
   fontstyle="normal";
   fontweight="normal";
   padding=0;
}
   var windowWidth = document.body.offsetWidth - 22;//-22 is to take into acct the scrollbar
   var windowHeight = document.body.offsetHeight - 22;   
   with(milonic=new menuname("logout_menu")){
      alwaysvisible=1;
      followscroll=1;
      border=5;
      left=0;
      margin=0;
      orientation="horizontal";
      style=ScrollingSampStyle;
      menuwidth="100%";
      menuheight="100%";
      top=0;
      overfilter="Alpha(opacity=75);";
      menualign="right";
      aI("text=`<table width='" + windowWidth + "' height='" + windowHeight + "' border=0><tr valign='center' align='center'><td><h2><b><font color='black'>Your session has been inactive for '" + get_logout_time() + "' minutes.<br>  You will be logged out in <span id='timeout_span'>60</span> seconds.<br><br><input type='button' style='border-color: #DDDDDD; font-weight:bold; font-size=15; background-image: url(/images/function-button_bkgd.gif); border-style: inset' ID='logout_button1' value='click here to cancel logout' onClick='reset_logout();'></td></tr></table>`;type=form;align=bottom");
   }

This is a logout menu that only shows up after the user has been idle for a specified period of time. Therefor immediatly after the menu is drawn I hide it using the following js function:

Code:

function show_saving_info(onOff, name) {
      var menuNum = getMenuByName(name);
      _m[menuNum][7] = onOff;
      menuDisplay(menuNum,onOff);
}

show_saving_info(0, 'logout_menu');

The menu is hidden before it is ever displayed and everything is perfect.

Then when I go to show the menu again using the same function call, exept the boolean is set to 1

Code:

show_saving_info(1, 'logout_menu');

the menu displays correctly, everything is great up to this point. Howerver , when the user clicks the cancel button within the menu and hides the menu again the following happens:
1) The menu actually does disappear (perfect!)
2) All the form elements that are on the page are no longer editable, and select boxes don't show up at all!

It's as though the menu is on longer visable but still resides on top of everything on the page (except the other MMs).

I have read this post http://www.milonic.com/forum/viewtopic.php?t=2747

and I've tried drawing my menus outside of all table tags as well as in both the <head> and <body>, no change.

In firefox this there is not problem at all. Am I doing something wrong with hiding the menu??

Thanks in advance for the help,
Cheers!

Poster: jhilden
Dated: Tuesday October 11 2005 - 16:21:25 BST

Ahhhh......everytime I take one step forward I take another step back!

Alright, when I define my menu if I set alwaysvisable = 0; the menu shows and hides without a problem, and I can see the form elements when the menu disappears.

BUT....only the background of the menu is visable, it's as though it is ignoring all the aI() tags.

Any insight (I'm looking at guru Andy here

)

Thanks.

Poster: Shap5202
Dated: Tuesday October 11 2005 - 16:27:54 BST

have you tried using the popup() method to display the menu?

Poster: jhilden
Dated: Tuesday October 11 2005 - 16:29:52 BST

Shap you are awesome! I was working way too hard here.

For anyone else with my problem, set alwaysvisable=0, then when you want the menu to display call popup("menu_name"). When you want the menu to disappear again call popdown("menu_name").

Thanks again!!

Industrial Strength JavaScript and DHTML Menus

IE6 menu over form causes form to be unreadable/uneditable