menu pops behind form field ie6 [not solved but workaround]

[nwilcox]

Having a weird issue in IE6 with a menu using the popup function and the workaround I was shown here popping off a one pixel space image.

Please see attached file for reference. Any ideas? Is it a z-index issue in IE6?

Page Script

Code: Select all

<div style="z-index:95;"><a href="javascript:void(0)" onclick="_m[getMenuByName('MenuMegaTopSearches')][7]=true;popup('MenuMegaTopSearches','imgTopSearches',-1,-102);">Top Searches</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="">Advanced Search</a></div>
					<div style="position:relative;">
						<div style="position:abosolute;top:0;left:0;width:1px;z-index:95;"><img src="images/spacer.gif" name="imgTopSearches" id="imgTopSearches" width="1" height="1" /></div>
						<table cellspacing="0" style="padding:0;margin:5px 0 0 0;z-index:94;">
							<tr>
								<td><select id="ddlFilter" style="border:1px solid #7d7d7d;width:75px;height:18px;margin:0;padding:0;color:#afafaf;font-size:11px;font-family:Arial, Helvetica, sans-serif;">
										<option value="">Filter By...</option>							
										<option value="Site">Site</option>
										<option value="HTML">HTML</option>
										<option value="Documents">Documents</option>
										<option value="Images">Images</option>
										<option value="Multimedia">Multimedia</option>
										<option value="Forums">Forums</option>
										<option value="Tags">Tags</option>

									</select></td>
								<td style="padding: 0 5px"><input id="txtKeywords" value="Search site..." onfocus="if (this.value == 'Search site...') this.value = ''" onblur="if (this.value == '') this.value = 'Search site...'" type="text" style="border:1px solid #7d7d7d;color:#afafaf;width:90px;padding: 1px 2px;height: 14px;font-size:11px;font-family:Arial, Helvetica, sans-serif;" /></td>
								<td><input type="image" src="images/btn_search.gif" onmouseover="this.src='images/btn_search_o.gif'" onmouseout="this.src='images/btn_search.gif'"  width="16" height="16" alt="SEARCH" title="SEARCH"/></td>
							</tr>
						</table>
					</div>

AI Call

Code: Select all

/* Top Searches */
with(milonic=new menuname("MenuMegaTopSearches")){
style=menuStyle;
keepalive=1;
zindex=96;
menuwidth="176px";
aI("type=header;image=images/bg_topsearches_top.png;");
aI("type=form;text=`<div id=\"menuMegaTopSearches\" style=\"background-image:url('images/bg_topsearches_main.png');background-position:bottom;width:176px;\"><dl style=\"padding:0 15px 10px 15px;margin:0;\"><dt style=\"color:#1c3d5d;padding:5px 0 8px 0;position:relative;font-size:12px;\">Current Top Searches<div style=\"text-align:right;height:9px;line-height:0;font-size:0;position:absolute;right:0;top:0;\"><a href=\"javascript:void(0);\" onclick=\"closeKeepAliveMenu();\"><img src=\"images/btn_close_mega.gif\" width=\"9\" height=\"9\" alt=\"CLOSE\" title=\"CLOSE\"/></a></div></dt><dd style=\"padding-right:5px;\"><ul style=\"list-style:none;margin:0;padding:0;\"><li><a href=\"#\">My Boatload of Top Search Terms</a></li><li><a href=\"#\">My Boatload of Top Search Terms</a></li><li><a href=\"#\">My Boatload of Top Search Terms</a></li></ul></dd></dl></div></div>`;");
}

[nwilcox]

this is a pretty big issue for the menu to be having. Can anyone look into this for me or do I need to send it to support?

[nwilcox]

bueller bueller.... anyone?

[Ruth]

Hi,

I passed this on to Milonic because I don't have ie6. I don't know that it would be a zindex problem, but I noticed in that pop up you have [7]=true; where 7 is the menu reference for the visibility. Anyway, looking at the menu properties page zindex is 27. You could try adding that, also, [27]= whatever zindex you want and see if that makes a difference. I'll post back to Milonic. And, you might also try a support ticket for this one, since I'm not equipped to test it.

Ruth

[Andy]

Have you set _CFix=false anywhere?

[Ruth]

Andy,

_CFix=true; is at the top of the data file. The suggestion I made gives errors - 'cannot assign to object' in IE and in FF - Error: invalid assignment left-hand side so I guess my fiddle isn't the option.

Ruth

[Andy]

_CFix=true; is the problem then but I can't seem to find or remember the post where we fixed things using _CFix=true; - We'll need to fix that so that we can remove _CFix=true;

[Ruth]

I'll see if I can find it. I don't even know what it is, but I think it was from a long time ago.

Ruth

[Andy]

AAARGGGHHHHHH!!!!!!!!!!!!!!!!!!!!

I'd just written a long response to this and it got wiped, I HATE WHEN THAT HAPPENS.

Anyway, I think we should be using Webplugs for this as it's just too complicated for the menu to handle without being buggy.

Nick, can you please spec out exactly what it is you require for these popup boxes and I'll get on it with Webplugs. I've spent many hours trying to get the menu to work properly in this complicated instance but there just seems to always be a browser that is not happy with something. I guess time would have been better spent on webplugs

[Ruth]

I found the old post on that contribute issue viewtopic.php?f=10&t=2851&hilit=CFix Not sure if you need it now.

Ruth

[Andy]

No it was one of Nick's posts where he was having trouble with part of his page being disabled and _CFix=true; fixed it.

Or was it in Tech Support?

Nick might remember

[Ruth]

Well, I finally found something to let me have stand alone versions of IE, so now I have 5.5 and 6. All my experimenting told me one thing, there seems to be no fix for this while keeping all the stuff in that popup that is wanted. The problem does not occur with a regular menu, nor does it occur with a 'regular' popup But this one has that [7]=true; in it to keep the popup from closing when you mouse over another menu. So, unless the person specifically clicks on the closing X the menu stays open. You can get it to drop over with cfix=false, however, though it will drop over and not show the form through, it actually makes the form box disappear. It's still there, if you click in the right place you open the form drop down, but you can no longer see the select box.

Just thought I'd post what I found out so you had the info. It actually seems like it's that [7]=true; that is at issue.


Ruth

[nwilcox]

So we are out of luck for IE6?

Could we reset the z-index of the form field div?

[Ruth]

Hi,

No, that doesn't work. Did you notice Andy's post asking for info so he can try webplugs for this which is probably the best solution? This is a IE 6 bug. I did a websearch about forms showing through dhtml IE6 and found a lot of posts but no real solution.

I did find one way to do yours, but it is not really a 'fix' it's just changing things so that menu doesn't drop over that select box form. Try this and see if it works or causes other problems. What I did was switch the order of that div putting the Advanced Search first. This means the menu drops over the search box instead of the form box. I don't know if you can do that or not, and since I can't test the search part don't know if other issues happen.

Code: Select all

<DIV style="Z-INDEX: 95"><A 
href="http://websites.milonic.com/clients1.serverside.net/acfas/">Advanced Search</A>&nbsp;&nbsp;|&nbsp;&nbsp;<A 
onclick="_m[getMenuByName('MenuMegaTopSearches')][7]=true;popup('MenuMegaTopSearches','imgTopSearches',-1,90);" 
href="javascript:void(0)">Top Searches</A></DIV>
<DIV style="POSITION: relative">
<DIV style=" LEFT: 0px; WIDTH: 1px; TOP: 0px"><IMG id=imgTopSearches 
title="" height=1 alt="" src="spacer.gif" width=1 
name=imgTopSearches></DIV>

In the meantime, if you give Andy the info he needs maybe the webplugs will solve it all

Ruth

[nwilcox]

Converting over the WebPlugins at this stage is impossible. Milonic v5 is already fully integrated into the website architecture.

I'll try your approach here Ruth.

I understand that fixing one thing breaks another. Believe me I've been doing web design/development long enough to konw it is mostly IE's fault all of these little issues keep popping up.

I have flawless display in every browser but IE6 and IE8 (not surprising).

[Ruth]

I don't know that he meant to convert to webplugs totally for this, I believe you can use them in addition to v5, so I think he was talking about just this box issue. But, what the heck to I know

[nwilcox]

_CFix=true; is the problem then but I can't seem to find or remember the post where we fixed things using _CFix=true; - We'll need to fix that so that we can remove _CFix=true;

Hi Andy

here is the support ticket with CFix

http://milonic.com/support/index.ph ... rt&id=8290

[nwilcox]

here is a link with more specifics

http://clients1.serverside.net/acfas/issues/default.htm

[nwilcox]

We had to get this fixed today so we ended up just switching the textbox and the dropdownlist. The menu goes over the textbox fine in IE6. Only dropdownlists are causing headaches. Chalk it up to another great flaw in IE6.

I would still love to know if this is fixable in case we run into this again before WebPlugins is available for candidate release.

Thanks everyone!