[2 days left] What’s wrong with your cloud strategy? Learn why multicloud solutions matter with Nimble Storage.Register Now

x
?
Solved

javascript dropdown menu hide behind textbox and labels on asp.net pages

Posted on 2004-10-25
3
Medium Priority
?
2,957 Views
Last Modified: 2012-06-21
hi everybody ,

dear friends i am working on an application where i have used dropdown menus of javascript for navigation.
this script is executed from a user control called in header of page.

now the problem is that when ever there is a textbox or label on my asp.net pages, this dynamic dropdown menu of javascript hides behind textboxes and label ( only the overlapping part).

seems as if it has gone to previous layer and priority of page is for static contents (i:e textboxes and labels).

i have included a sample code of one of my files.
--------------------------------------------------------------------------------------------------------
<%@ Register TagPrefix="Softsolv" TagName="menuControl" Src="../UserControls/menuControl.ascx" %>
<%@ Register TagPrefix="Softsolv" TagName="footer" Src="../UserControls/FooterControl.ascx" %>
<%@ Register TagPrefix="softsolv" TagName="Header" Src="../UserControls/HeaderControl.ascx" %>
<%@ Page Language="vb" AutoEventWireup="false" Codebehind="PasswordAuditTrail.aspx.vb" Inherits="QAInterface.PasswordAuditTrail" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
      <HEAD>
            <title>PasswordAuditTrail</title>
            <LINK href="Common/Css/style.css" type="text/css" rel="stylesheet">
            <softsolv:menucontrol id="menu" runat="server"></softsolv:menucontrol>
      </HEAD>
      <body MS_POSITIONING="GridLayout">
            <form id="Form1" method="post" runat="server">
                  <softsolv:header id="Header1" runat="server"></softsolv:header>
                  <asp:Label id="Label1" style="Z-INDEX: 102; LEFT: 312px; POSITION: absolute; TOP: 120px" runat="server"
                        Height="8px" Font-Bold="True">PasswordAuditTrail</asp:Label>
                              <SOFTSOLV:FOOTER id="footer" runat="server"></SOFTSOLV:FOOTER>
                              </form>
</body>
</html>
-------------------------------------------------------------------------------------------------------------------


the <softsolv:menucontrol id="menu" runat="server"></softsolv:menucontrol> control simply calls those javascript functions.

i also thought that it may be coz menus are called first and then other objects so i thought to only include javascript function in first user control in <head></head> of page  and gave actual call to that javascript func from footer user control then it says object required.


please if the situation s not clear ak me i'll give more explaination but dont let this intresting question gone unanswered .

thanks to you all in advance

regards
anugrah atreya
                  
0
Comment
Question by:anugrah
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
3 Comments
 
LVL 1

Author Comment

by:anugrah
ID: 12602550
hi friend s,

i am surprized that why no bady came itha ny comments to my question.

but i was quite lucky that i got a solution myself.

so if you also want to know then , all we have to do is that

we have to remove that "z-index " value from style untill and unless it is necessary .

this "z-index" is used to bring the object to upper/front layers of display i:e object with higher value of z-index will come above other objects at same place with lower z-index value.


kind regards
anugrah
0
 
LVL 1

Author Comment

by:anugrah
ID: 12602565
dear administrators

please close this question and refund my points as i myself gave a solution to this question

kind regards
0
 

Accepted Solution

by:
modulo earned 0 total points
ID: 12604689
Closed, 50 points refunded.

modulo
Community Support Moderator
Experts Exchange
0

Featured Post

On Demand Webinar - Networking for the Cloud Era

This webinar discusses:
-Common barriers companies experience when moving to the cloud
-How SD-WAN changes the way we look at networks
-Best practices customers should employ moving forward with cloud migration
-What happens behind the scenes of SteelConnect’s one-click button

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

In .NET 2.0, Microsoft introduced the Web Site.  This was the default way to create a web Project in Visual Studio 2005.  In Visual Studio 2008, the Web Application has been restored as the default web Project in Visual Studio/.NET 3.x The Web Si…
IntroductionWhile developing web applications, a single page might contain many regions and each region might contain many number of controls with the capability to perform  postback. Many times you might need to perform some action on an ASP.NET po…
In this video, Percona Solutions Engineer Barrett Chambers discusses some of the basic syntax differences between MySQL and MongoDB. To learn more check out our webinar on MongoDB administration for MySQL DBA: https://www.percona.com/resources/we…
Want to learn how to record your desktop screen without having to use an outside camera. Click on this video and learn how to use the cool google extension called "Screencastify"! Step 1: Open a new google tab Step 2: Go to the left hand upper corn…

649 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question