IE6 menu over form causes form to be unreadable/uneditable

jhilden · Post by **jhilden** » Mon Oct 10, 2005 11:30 pm

Here's my menu 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: Select all

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: Select all

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://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!

jhilden · Post by **jhilden** » Tue Oct 11, 2005 4:21 pm

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.

Shap5202 · Post by **Shap5202** » Tue Oct 11, 2005 4:27 pm

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

jhilden · Post by **jhilden** » Tue Oct 11, 2005 4:29 pm

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!!