IT Community - Software Programming, Web Development and Technical Support

Why do the menu items drop behind some HTML elements.?

This is a discussion on Why do the menu items drop behind some HTML elements.? within the HTML, CSS and Javascript Coding Techniques forums, part of the Web Development category; Hi all.... Why do the menu items drop behind some HTML elements.? Thanks & Regards Pvinoth....


Go Back   IT Community - Software Programming, Web Development and Technical Support > Web Development > HTML, CSS and Javascript Coding Techniques

Register FAQ Members List Calendar Mark Forums Read
  #1 (permalink)  
Old 09-13-2007, 05:24 AM
Pvinothkumar Pvinothkumar is offline
D-Web Analyst
 
Join Date: Sep 2007
Posts: 237
Pvinothkumar is on a distinguished road
Default Why do the menu items drop behind some HTML elements.?

Hi all....

Why do the menu items drop behind some HTML elements.?

Thanks & Regards
Pvinoth.
Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
Sponsored Links
  #2 (permalink)  
Old 09-13-2007, 06:03 AM
a.deeban a.deeban is offline
D-Web Analyst
 
Join Date: May 2007
Posts: 279
a.deeban is on a distinguished road
Default Re: Why do the menu items drop behind some HTML elements.?

Hi....

Some elements, like some form elements, and objects like Flash are outside the z-order of the document. They are always on top. This is browser behavior and cannot be changed. &nbspOne way to work around that is to temporarely hide the element in question when the menu drops.
1- Put the form(s), element(s) or object(s) inside a named div:
<div id='HideDiv1' style="position:relative;"> element(s) </div>
2- Make an array in the document with the elements
<script type='text/javascript'>
var HideArray=['HideDiv1','HideDiv2',...............];
</script>
<body>
3- Replace the empty functions BeforeFirstOpen and AfterCloseAll (Found in the variable file) with:
function BeforeFirstOpen(){
if(ScLoc.HideArray){
var H_A,H_Al,H_El,i;
H_A=ScLoc.HideArray;
H_Al=H_A.length;
for (i=0;i<H_Al;i++){
H_El=ScLoc.document.getElementById(H_A[i]).style;
H_El.visibility=M_Hide}}}

function AfterCloseAll(){
if(ScLoc.HideArray){
var H_A,H_Al,H_El,i;
H_A=ScLoc.HideArray;
H_Al=H_A.length;
for (i=0;i<H_Al;i++){
H_El=ScLoc.document.getElementById(H_A[i]).style;
H_El.visibility=M_Show}}}



i hope this will help you....
Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
Reply


Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On


Similar Threads
Thread Thread Starter Forum Replies Last Post
How to populate items to Drop downlist without postback? KiruthikaSambandam ASP and ASP.NET Programming 4 10-11-2008 08:39 PM
How to Populate menu using sitemap and asp .net menu control and c#: Archer C# Programming 3 04-29-2008 10:23 PM
When using a drop down menu, how do I store the value selected in a variable? GDevakii C# Programming 1 03-22-2008 02:01 AM
double clicking the option in drop down list menu vijayanand HTML, CSS and Javascript Coding Techniques 3 08-06-2007 07:27 AM
Vertical menu or horizontal menu? capture Web Design Help 1 03-12-2007 07:25 PM


All times are GMT -7. The time now is 01:16 PM.


Copyright ©2004 - 2007, DiscussWeb. All Rights Reserved.

SEO by vBSEO 3.0.0