Wrox Programmer Forums
| Search | Today's Posts | Mark Forums Read
Classic ASP Basics For beginner programmers starting with "classic" ASP 3, pre-".NET." NOT for ASP.NET 1.0, 1.1, or 2.0
Welcome to the p2p.wrox.com Forums.

You are currently viewing the Classic ASP Basics section of the Wrox Programmer to Programmer discussions. This is a community of software programmers and website developers including Wrox book authors and readers. New member registration was closed in 2019. New posts were shut off and the site was archived into this static format as of October 1, 2020. If you require technical support for a Wrox book please contact http://hub.wiley.com
 
Old December 10th, 2004, 01:08 AM
Authorized User
 
Join Date: Apr 2004
Location: , , .
Posts: 63
Thanks: 0
Thanked 0 Times in 0 Posts
Default hide jump menu?

hi! i'm using layers with my left navigation menu. when the user moves the pointer on navigation bar, another layer (menu2) pops up with more menus. however, i've added a drop down menu in the middle of my page. when i mouse over the navigation bar, the drop down menu appears on top of the other layer that pops up (menu 2). the drop down menu should be hidden. how can this be done? i already checked the z-index of the div layers..but i still can't hide the drop down menu. please help...
 
Old December 10th, 2004, 01:31 AM
Friend of Wrox
Points: 6,664, Level: 34
Points: 6,664, Level: 34 Points: 6,664, Level: 34 Points: 6,664, Level: 34
Activity: 0%
Activity: 0% Activity: 0% Activity: 0%
 
Join Date: Jan 2004
Location: Sydney, NSW, Australia.
Posts: 1,870
Thanks: 12
Thanked 20 Times in 20 Posts
Send a message via AIM to mat41
Default

;;;however, i've added a drop down menu in the middle of my page

is this on a layer also?

BTW : this is the wrong area of the forum for this post

Wind is your friend
Matt
 
Old December 10th, 2004, 01:36 AM
Authorized User
 
Join Date: Apr 2004
Location: , , .
Posts: 63
Thanks: 0
Thanked 0 Times in 0 Posts
Default

yes..i even created a new div layer for the drop down menu in an attempt to hide the drop down menu.

oops..sorry..where should i put this topic?
 
Old December 10th, 2004, 01:48 AM
Friend of Wrox
Points: 6,664, Level: 34
Points: 6,664, Level: 34 Points: 6,664, Level: 34 Points: 6,664, Level: 34
Activity: 0%
Activity: 0% Activity: 0% Activity: 0%
 
Join Date: Jan 2004
Location: Sydney, NSW, Australia.
Posts: 1,870
Thanks: 12
Thanked 20 Times in 20 Posts
Send a message via AIM to mat41
Default

;;;yes..i even created a new div layer for the drop down menu in an attempt to hide the drop down menu.

If you want it to have adiffeent z index it needs to on its own layer. If the newly added drop down was not on a layer I could understand not being able to set a Z index

Your drop down is a select box?

;;;oops..sorry..where should i put this topic?

No worries, I would say the DHTML area would get you a solution quicker than the 'Classic ASP' area. Can I hit your page? if not post the code. BTW: I am in Aussie and are about to go home for the day

Wind is your friend
Matt
 
Old December 10th, 2004, 02:04 AM
Authorized User
 
Join Date: Apr 2004
Location: , , .
Posts: 63
Thanks: 0
Thanked 0 Times in 0 Posts
Default

I'm using my pc as the server and the ip address can not be accessed outside the office. Pasting my actual code is not possible because it's too long..however, i've come up with another file..please check...

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
<!--
function MM_jumpMenu(targ,selObj,restore){ //v3.0
  eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
  if (restore) selObj.selectedIndex=0;
}
//-->
</script>
</head>

<body bgcolor="#FFFFFF">
<div id=layer1 style="position:absolute; top:20; left:20; width:300; height:300; z-index:1;
padding:5px; border: #000000 2px solid; background-color:#FFFFFF; z-index:1">
THIS IS LAYER 1
</div>
<div id=layer2 style="position:absolute; top:30; left:30; width:300; height:300; z-index:1;
padding:5px; border: #000000 2px solid; background-color:#000000; z-index:0">
  THIS IS LAYER 2
  <form name="form1">
    <select name="menu1" onChange="MM_jumpMenu('parent',this,0)">
      <option selected>unnamed1</option>
    </select>
  </form>
</div>

</body>
</html>


I tried alternating the z-index values, but it still looks the same..please help..thanks!
 
Old December 10th, 2004, 02:20 AM
Authorized User
 
Join Date: Apr 2004
Location: , , .
Posts: 63
Thanks: 0
Thanked 0 Times in 0 Posts
Default

oops..i noticed that i had 2 z-index in each div in the code that i pasted. i deleted the duplicates but i still got the same results. the drop down menu still won't hide under the layer

 
Old December 10th, 2004, 05:40 AM
Friend of Wrox
 
Join Date: Jul 2003
Location: , , United Kingdom.
Posts: 683
Thanks: 0
Thanked 1 Time in 1 Post
Default

When you say dropdown menu, do you mean a <select> box? If so, this will unfortunately show through all your other layers in some browsers e.g. IE

A couple of ways to get around this are to hide the <select> box when you display your menu or in IE create an <iframe> with a zero opacity filter under your menu preventing the <select> box showing through.

HTH,

Chris

 
Old December 10th, 2004, 08:16 AM
Authorized User
 
Join Date: Apr 2004
Location: , , .
Posts: 63
Thanks: 0
Thanked 0 Times in 0 Posts
Default

Can i just opt to hide the select box? how do i do it? are there other options aside from using iframe?

 
Old December 10th, 2004, 08:33 AM
Friend of Wrox
 
Join Date: Jul 2003
Location: , , United Kingdom.
Posts: 683
Thanks: 0
Thanked 1 Time in 1 Post
Default

Joe posted the code to do this here: http://p2p.wrox.com/topic.asp?TOPIC_ID=23305

Just call the toggle display function with the id of your select box when you display the menu.

HTH,

Chris






Similar Threads
Thread Thread Starter Forum Replies Last Post
How to hide combo box behind the popup menu? mohini ASP.NET 1.x and 2.0 Application Design 4 March 22nd, 2006 12:22 AM
How do I create a jump menu in XSLT? kwilliams XSLT 4 January 9th, 2006 10:34 AM
hide drop down menu lian_a HTML Code Clinic 3 December 10th, 2004 09:01 AM





Powered by vBulletin®
Copyright ©2000 - 2020, Jelsoft Enterprises Ltd.
Copyright (c) 2020 John Wiley & Sons, Inc.