Layers or Z-level problem - TwinHelix Forums

1) Bob Terrace Group: Members
Posts: 6 Joined: 16 Oct 2004 Location: Massachusetts IP: 24.61.--.--

Posted:

I seem to have created a problem for myself and I don't know what I did.

I have a test page with FreeStyle Div menus and for some reason the dropdown and list item types sit on top of the menus.
This can be seen at: http://www.bobterrace.com/Test/DivMenu.html

Mouse over one of the radio buttons or the dropdown select item to see the problem.

This problem is in IE but works fine in Mozilla, opera and foxfire. I dont know about Netscape.

2) Angus Turnbull Group: Moderators
Posts: 4042 Joined: 7 Dec 2003 Location: New Zealand IP: 222.152.--.--

Posted:

Yes, it is a problem with IE's backwards rendering engine.

See the readme at the bottom of the "FAQ" list in the fsmenu.html file; depending on the version of the script you use, I've bundled a "fix" for this limitation (the code is should be in fsmenu_extras.js for you, or fsmenu_commented.js for older versions).

Good luck - Angus.

3) Bob Terrace Group: Members
Posts: 6 Joined: 16 Oct 2004 Location: Massachusetts IP: 24.61.--.--

Posted:

Yes, that 'fix' does work but there are 3 problems.

1. It makes the select fields/frames disappear in other browsers besides IE (I consider this a minor issue; could be checked against isIE test?).

2. It works fine if the field that has the menu appear on mouseover is a field of another type but if it is one of the 'hidden' types and you hover over a corner, then the field and menu appear and disappear alternately every half second in IE or if you move the mouse a tiny bit for other browsers. (I consider this fairly serious but I am not sure where to put what checks to stop this oscillation)

3. When a menu opens up and you move over an item that has another level of menu, then if you move around in the first level to other menu items, the hidden selects reappear.

4) Angus Turnbull Group: Moderators
Posts: 4042 Joined: 7 Dec 2003 Location: New Zealand IP: 222.152.--.--

Posted:

Well, only IE really has problem with select fields, but lots of other browsers have problems for IFRAMES (Mozilla I've found is the best of the lot, older Opera versiosn can have trouble). Feel free to put in an "if (!isIE) return;" line at the start of the function if you're not embedded IFRAMEs or Flash/Java/etc.

I've never tried triggering from a hidden field; it sounds like it would have lots of troubles as when you hide an element it's considered a "mouseout", and then when it's reshown you suddenly get another "mouseover", perhaps explaining the flickering you see. Perhaps wrap the hidden fields in a DIV with a few pixels padding, and trigger from that.

As for multilevel menus off form fields -- yeah, that's probably a bug in the script logic. I'll get onto it!

- Angus.

5) Bob Terrace Group: Members
Posts: 6 Joined: 16 Oct 2004 Location: Massachusetts IP: 24.61.--.--

Posted:

From your suggestion, Angus, I wrapped the 'hidden field' in a single or double DIV with various combinations of style="position:relative" and style="position:absolute". This eliminated the flickering (problem #2 above) on IE (as long as one position:relative is used) but causes placement problems or triggering width problems on IE or other browsers.

Problem #3 above still exists - multilevel menu off form fields.

I have another question: What is the trigger for? After experimenting using trigger wrappers, using some trigger wrappers, etc. I was able to eliminate all triggers and the page works the same.

6) Angus Turnbull Group: Moderators
Posts: 4042 Joined: 7 Dec 2003 Location: New Zealand IP: 222.152.--.--

Posted:

OK, thanks for your patience, and I'm glad that you've got a solution to your flickering problems!

Luckily I've fixed the last issue, which was a genuine script bug. I've uploaded v1.0 RC5 of the script, with a fixed element-hiding routine that takes into account multiple menu levels, and an accelerated menu activation routine to decrease page load times with UL/LI menus (won't affect you).

As for triggers, well, the 'trigger' is actually the tag with the ONMOUSEOVER/OUT attributes. That's all you need, any other tags that wrap it are optional (in the demo I wrap them in paragraphs just for some fancy positioning). Don't worry about it :).

Hope this helps - Angus.

7) ganesh Group: Members
Posts: 6 Joined: 8 May 2008 Location: Singapore IP: 167.247.--.--

Posted:

Hi Angus

Thank you for menu script. I have problem when i use this script in html list value . When mouse over the submen is overlaping the field. the menu go behind the field. Is there anyway to fix this issue. thanks in adavance

<SELECT>
<OPTION value=0000017643>a</OPTION>
<OPTION value=0000017890>b</OPTION>
<OPTION value=0000015987>c</OPTION></SELECT>

ganesh

8) Angus Turnbull Group: Moderators
Posts: 4042 Joined: 7 Dec 2003 Location: New Zealand IP: 118.92.--.--

Posted:

This has been discussed a lot. See the "extras" JS file that ships with the script for fixes. Try the "select box" one.

- Angus.

9) ganesh Group: Members
Posts: 6 Joined: 8 May 2008 Location: Singapore IP: 167.247.--.--

Posted:

Dear Angus

Thanks for your reply ,im little bit confused

as your said
Pick one (not both) of the below two methods. To use either, copy and paste beneath
// your menu data and duplicate the last addEvent lines to apply to each of your menus.

where i need to add this . code in the fsmenu.js or
<ul class="menulist" id="listMenuRoot">(beneth)?

where i need to add this each add event ?

"addEvent lines to apply to each of your menus." please guide me. thanks

ganesh

10) ganesh Group: Members
Posts: 6 Joined: 8 May 2008 Location: Singapore IP: 167.247.--.--

Posted:

Dear Angus

It is working but i have multiple <select>fields in the form. The code hide all the select fields. instead of hiding and showing only few fields. how to hide only few fields.

can we able to bring the menu in front of field. (just move behind the menu).?

can you give me your email id so i can sent the sample page .

thanks for adavance.

ganesh

11) Angus Turnbull Group: Moderators
Posts: 4042 Joined: 7 Dec 2003 Location: New Zealand IP: 118.92.--.--

Posted:

It's a little tricky to reliably detect the exact positions of all select boxes in the page.

Try the "Select Box" fix? That will allow the menu to display over select boxes like normal in recent IE versions. It often works best with the swipe animation disabled if you have troubles with it.

- Angus.

12) ganesh Group: Members
Posts: 6 Joined: 8 May 2008 Location: Singapore IP: 167.247.--.--

Posted:

Hi Angus

Thank you for your reply. where to get select box function . how to fix this issue. can i give the exact link where to get this fixed version. or else please let me know no where to get this multi menu with fixed version. thanks

regards
anesh

ganesh

13) Angus Turnbull Group: Moderators
Posts: 4042 Joined: 7 Dec 2003 Location: New Zealand IP: 118.92.--.--

Posted:

If the standard script doesn't work for you try the development code from /test/ and drop the code from "fsmenu_extras.js" into your menu.

- Angus.

14) ganesh Group: Members
Posts: 6 Joined: 8 May 2008 Location: Singapore IP: 167.247.--.--

Posted:

Dear Angus
Im stuggling to get this script. I tryed but it gives same
same result. It hide all the select list item fields. is there any way to hide only one row of the fields. please let me know is there any other script can help to fix this problems. thanks

regards
ganesh

ganesh

15) Angus Turnbull Group: Moderators
Posts: 4042 Joined: 7 Dec 2003 Location: New Zealand IP: 118.92.--.--

Posted:

If you want to hire me to write a custom select box hiding function for you, please email me at /contact/ and I can make a quote for the job!

- Angus.