PDA

Click to See Complete Forum and Search --> : drop down menu confusion

nfuego2
12-27-2002, 11:00 AM
Hi I am still learning and practising with these codes. I am trying to figure out how the cascading menu works. Found one on the javascpript source but I am still having problems. It gives additional pieces to download and add but when I do I still do not get the correct format...what am I doing wrong...Not sure if I am placing in the correct spot..Heeelp mee pleeease!!!! Thanks
pyro
12-27-2002, 11:03 AM
A little more information would be helpful. Maybe a link to the script you are trying to get working...
nfuego2
12-27-2002, 11:19 AM
I found it in the javascript source under navigation and it's the first one posted for cascading menus by Arun Kumar
nfuego2
12-27-2002, 11:22 AM
http://javascript.internet.com/navigation/cascade-menu.html

here's the link
swon
12-27-2002, 11:30 AM
Download these two files:



http://javascript.internet.com/navigation/CascadeMenu.css

http://javascript.internet.com/navigation/CascadeMenu.js

save them in your directory where your document is.


put this between <head></head>:

<link href="CascadeMenu.css" rel="stylesheet">
<script language="javascript" src="CascadeMenu.js">
</script>


Put this in your <Body> tag :

OnLoad="InitMenu()" Onclick="HideMenu(menuBar)" ID="Bdy" bgColor=aliceblue


And put this between <body>here</body>:


<font color="#800080"><b>Sample Menu</b></font></p>
<DIV Id="menuBar" class="menuBar" >
<DIV Id="Bar1" class="Bar" menu="menu1">Menu #1</DIV>
<DIV Id="Bar2" class="Bar" menu="menu2">Menu #2</DIV>
<DIV Id="Bar3" class="Bar" menu="menu3">Menu #3</DIV>
<DIV Id="Bar4" class="Bar" menu="menu4">Menu #4</DIV>
</DIV>
<!--MenuItem Definition -->
<div Id="menu1" class="menu" >
<div Id="menuItem1_1" class="menuItem" menu="menu6">SubMenu #1</div>
<div Id="menuItem1_2" class="menuItem" title="JavaScripts" cmd="http://javascript.internet.com/">JavaScript Source</div>
<div Id="menuItem1_3" class="menuItem" title="WDVL" cmd="http://www.wdvl.com">WDVL</div>
</div>
<div Id="menu2" class="menu">
<div Id="menuItem2_1" class="menuItem">Page #1</div>
<div Id="menuItem2_2" class="menuItem">Page #2</div>
<div Id="menuItem2_3" class="menuItem">Page #3</div>
</div>
<div Id="menu3" class="menu">
<div Id="menuItem3_1" class="menuItem">Page #1</div>
<div Id="menuItem3_2" class="menuItem">Page #2</div>
<div Id="menuItem3_3" class="menuItem">Page #3</div>
<div Id="menuItem3_4" class="menuItem" menu="menu5">SubMenu #4</div>
</div>
<div Id="menu4" class="menu">
<div Id="menuItem4_1" class="menuItem">Page #1</div>
<div Id="menuItem4_2" class="menuItem">Page #2</div>
<div Id="menuItem4_3" class="menuItem">Page #3</div>
<div Id="menuItem4_4" class="menuItem">Page #4</div>
</div>
<div id="menu5" class="menu">
<div Id="menuItem5_1" class="menuItem">Page #4-1</div>
<div Id="menuItem5_2" class="menuItem">Page #4-2</div>
<div Id="menuItem5_3" class="menuItem">Page #4-3</div>
</div>
<div id="menu6" class="menu">
<div Id="menuItem6_1" class="menuItem">Page #1-1</div>
<div Id="menuItem6_2" class="menuItem">Page #1-2</div>
<div Id="menuItem6_3" class="menuItem" menu="menu7">SubMenu #1-1</div>
</div>
<div id="menu7" class="menu">
<div Id="menuItem7_1" class="menuItem">Page #1-1-1</div>
<div Id="menuItem7_2" class="menuItem">Page #1-1-2</div>
<div Id="menuItem7_3" class="menuItem">Page #1-1-3</div>
</div><!-- End of Menu -->


<p><center>
<font face="arial, helvetica" size"-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
pyro
12-27-2002, 11:31 AM
Have you downloaded these files?

http://javascript.internet.com/navigation/CascadeMenu.css
http://javascript.internet.com/navigation/CascadeMenu.js

For some reason javascript.internet.com doesn't give you a place to download the external files that they use, so you've got to go looking for them :)
pyro
12-27-2002, 11:46 AM
Sorry about the double post, swon.. Same time :)
swon
12-27-2002, 11:48 AM
:)