Please Note:
HierMenus is protected by copyright laws. Use of the HierMenus code requires a paid licensing agreement.
Click Here to Register

Site Navigation
Bulletins
About
Documentation
FAQ
Samples
Known Issues
Technology Jobs

internet.commerce

Partner With Us














          
internet.com

IT
Developer
Internet News
Small Business
Personal Technology
International

Search internet.com
Advertise
Corporate Info
Newsletters
Tech Jobs
E-mail Offers

 
HierMenusCentral Enhance the Functionality of Your Web Site with DHTML HierMenus.
    

home / issues / issue #24

Issue:Menus Are Inconsistent When Appearing Over IFrames
Browser:All (to some extent; see description) but IE5.5+, Opera 9, Firefox 1.5
Platform:All
Description:Menus that are displayed over the top of embedded frames (IFrames) will behave improperly, if at all, in many browsers. In Opera 8, and older browsers (IE5 and earlier) the menus will appear behind the IFrames when they are displayed, regardless of z-index settings. This portion of the IFrame problem is identical to Known Issue #1 and is explained more thoroughly in that issue entry.

In Mozilla, when the mouse is rolled over the menu and the mouse crosses over the IFrame border that runs behind the menu, a menu mouseout is triggered, which informs HierMenus that the mouse has left the menu. If the mouse continues, i.e., if it "clears" the border of the IFrame, a mouseover is triggered that then re-indicates to HM that the mouse is once again on the menu. Thus, if your MilliSecondsVisible settings are set to small amounts and ClickKill is false, the menu may disappear when you cross over the unseen IFrame border. (And if you stop the mouse exactly over the IFrame border, the menu will eventually disappear when MilliSecondsVisible is elapsed.

In Safari 1.2, the problem is similar to the Mozilla issue, except that the mouseover for the menu is not refired when the mouse clears the IFrame border. Thus, the menu is always hidden when MilliSecondsVisible elapses (unless the user quickly moves back outside the IFrame border). Even if ClickKill is set, the visible portion of the menu that happens to overlay the IFrame will be unusable; Safari treats it as if it is indeed being covered by the IFrame.

In Safari 1.3, the mouseout is not triggered when the mouse rolls over the IFrame border that runs beneath the menu. This is good; the menus are therefore visible and usable over the IFrame. However, the mouseout for the menu itself will then not actually be triggered until the mouse exits both the menu and the IFrame, and therefore the menus will appear to be "sticky," i.e., they will not hide as and when you expect. As long as the mouse remains within the IFrame border, the last menu that was displayed will remain in view.

Discussion:Since this problem is similar to issue #1, the only graceful (but admittedly not visually elegant) is to hide the IFrame entirely when the menus are displayed. See Known Issue #1 for further information.

An example page demonstrating the root problem can be viewed by clicking the link below:

IFrame Hiding Elements

And an example of how the problem effects HierMenus can be found on the IFrame Masking HM Example Page.

Other suggestions are requested. Please use this link to send mail if you have any insights and would like to share them:

IFrames and Menus

Posted:May 21, 2004


JupiterOnlineMedia

internet.comearthweb.comDevx.commediabistro.comGraphics.com

Search:

Jupitermedia Corporation has two divisions: Jupiterimages and JupiterOnlineMedia

Jupitermedia Corporate Info


Legal Notices, Licensing, Reprints, & Permissions, Privacy Policy.

Advertise | Newsletters | Tech Jobs | Shopping | E-mail Offers

Created: 5/21/2004
Updated: 7/12/2006
URL: http://www.hiermenuscentral.com/issues/24.html