SiteExperts.com Logo Home | Community | Developer's Paradise
User Groups | Site Tools | Site Information | Search
 Main Menu
 Resource

DIV Menu

Categories...
Client User Group
Internet Explorer
Language
JavaScript
Product
IE4, IE5
Task
Menus/ Popups
Technology
Dynamic Positioning, Dynamic Style

Sponsored Links
Developer's Paradise : Inside Technique :
DIV Menu
Submission by JonPerry

Go to the resource:
DIV Menu

Add to Assistant

Short Description
Add a pop-up menu in IE to any element simply by adding a DIV element and this script.

Long Description
Looking for a simple pop-up menu for Internet Explorer? This simple script can display a pop-up menu underneath any element on your page.

Author
Jon Perry (Edited by Scott Isaacs)
Date/ Version
8/19/2000
Submission URL
http://www.SiteExperts.com/tips/jperry/ts02/page1.asp
Submission Date
Aug 19,2000
Last Update
Aug 19,2000
Related To
Inside Techniques
 

Discussion and Rate this Resource
Overall Rating: 4.1

nidron on Dec 19, 2004 at 5:24:46 AMNo Rating
gah, couldn't get the code to show...

DIV ID="d1" onmouseover="show(this,ds1);" class="menu1"

DIV ID="ds1" CLASS="submenu" STYLE="display:none" onmouseover="show(this,dc1);"

DIV ID="dc1" CLASS="childmenu" STYLE="display:none"
nidron on Dec 19, 2004 at 5:21:48 AMNo Rating
To get the d1, d2, d3 horizontal I used a simple stylesheet where I define the three menues differently because of the different positions.

Unt now for my question... I want to use childmenues, and it works pretty good.







But when the mouseover on submenu1(ds1) shows the childmenu(dc1) the submenu disappears. How come? And what should I do to make submenu1 stay visable until you click on the childmenu1?
Pixelative on Oct 5, 2002 at 7:32:59 PMRating: 4
 
Thanks for that script. I love the simplicity of it.
 
It displays fine in IE6 but not at all in either Opera 6.1, Netscape 6.2 or the latest download of Mozilla.
 
Is there any way around this?
lenv on Oct 4, 2002 at 5:19:07 AMRating: 4

Very useful indeed, and the first time I created menus. Just one question: How do I get the menus to appear to the right hand side of an object, like and IMG tag? It always appears below the IMG tag and I need to modify it to apprear horizontally, but to the right of the IMG tag.

Thanks

Len

cgisackson on Jan 4, 2002 at 8:16:48 AMRating: 4

The source for the menu will not produce the expected result unless you replace all the <DIV> tags with <SPAN> tags as shown below:

<DIV>
<SPAN ID="d1" onmouseover="show(this,ds1);" class="menu">JavaScript</SPAN>
<SPAN ID="d2" onmouseover="show(this,ds2);" class="menu">XML</SPAN>
<SPAN ID="d3" onmouseover="show(this,ds3);" class="menu">Other</SPAN>
</DIV>

Otherwise this is a nice sample.

More Ratings/ Comments


To rate and comment on a resource, you must first logon.

If you are not registered, please register yourself to become a member of the SiteExperts.community.

User Name
Password

Copyright © 1997-2008 InsideDHTML.com, LLC. All rights reserved.