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
Website Load Testing
Logo Design
Promos and Premiums
Corporate Awards
Boat Donations
Free Business Cards
Dental Insurance
Promotional Golf
Shop Online
KVM Switches
Home Improvement
Desktop Computers
Online Shopping
Online Education

          
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 #1

Issue:Menus covered by page components
Browser:All
Platform:All
[Note: this is the same issue as question #1 on our Frequently Asked Questions page.]
Description:Certain HTML page components, most notably form selects (and in some browsers other form elements as well), Java and Flash Applets, and IFrames, cannot be covered in some browsers by HierMenus. HM will still work, but the menus will appear behind the problem components.
Cause:Certain page components are displayed in HTML pages by the browser using a "windowed" mode; i.e., the component itself is displayed by the browser as if it is in its own, self-contained window. For some browser/OS combinations, these elements cannot be overlaid with typical DHTML elements (of the type created in HM), regardless of the Z-order of the DHTML elements themselves.
Comments:The extent of the problem depends entirely on the browser and platform being used; later version browsers, for example, are doing a much better job of eliminating the problem then earlier version browsers did.

A possible HM work around for form and other select elements is to hide the select element completely when the menu pops up, using the UponDisplay/UponHide parameters. Another technique involves the use of IFRAME masking, but this technique works only in Internet Explorer 5.5 and 6. Links to further information on the application of both techniques in HierMenus 6 are presented below.

For a general discussion of the problem, see this page:

http://www.webreference.com/dhtml/diner/seethru/

HierMenus work arounds primarily take one of two possible approaches:

  1. Hide the form elements/applets when the menus are displayed, and restore them when the menus are hidden.

  2. Use an iframe mask between the menus and the element (this technique works only in Internet Explorer 5.5/6).

Page elements can be hidden by way of the HM_f_ToggleElementList function included in the HierMenus 6 HM_Loader.js file, used in combination with the TopUponDisplay, ChildUponDisplay, TopUponHide, and ChildUponHide parameters. Further information pertaining to each of these components can be found at these links:

Bulletin 6: HM_f_ToggleElementList
TopUponHide
TopUponDisplay
ChildUponHide
ChildUponDisplay

The Internet Explorer only IFRAME masking technique can be utilized by way of the HM_f_IEMaskCreate, HM_f_IEMaskToggle, and HM_f_IEMaskMove methods included in the HM_Loader.js file. Further description of these functions and how to implement them can be found at these links:

Using the Custom Code in HM_Loader.js
HM_OnMove
HM_OnVisibilityToggle
HM_OnMenuCreated

Finally, for Flash applets in particular, you may also want to have a look at Macromedia's own documentation on the subject:

http://www.macromedia.com/support/flash/ts/documents/wmode.htm
http://www.macromedia.com/support/flash/ts/documents/flash_top_layer.htm



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: 3/25/2004
Updated: 5/14/2004
URL: http://www.hiermenuscentral.com/issues/1.html