PDA

View Full Version : anylink multy levels



Jym Khana
06-16-2010, 05:28 PM
1) Script Title: anylinkcss2.html

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex1/anylinkcss2.htm

3) Describe problem:
I am trying to accomplish 2 things, 1 is to get the menu to drop over a frameset and I found this source here http://molendijk.110mb.com/dynamic/ but I also need muty levels in the menu-like a third or fourth tier but can't get it to work properly. Here is one attempt at getting this to work but while I can see the third tier I can never get to it.


<head>

<style type="text/css">

/* Sample CSS definition for the example list. Remove if desired */
.navlist li {
width: 135px;
background-color: #FFFFB9;
padding-bottom: 2px;
}

</style>


<link rel="stylesheet" type="text/css" href="anylinkvertical.css" />

<script type="text/javascript" src="anylinkvertical.js">

/***********************************************
* AnyLink CSS Menu script- Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

</script>
</head>
<body>
<!--1st anchor link and menu -->

<a href="http://www.dynamicdrive.com" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, 'anylinkmenu1')">Web Design</a>

<div id="anylinkmenu1" class="anylinkcss">

<a href="http://www.dynamicdrive.com/">Dynamic Drive</a>
<a href="http://www.cssdrive.com">CSS Drive</a>
<a href="http://www.javascriptkit.com">JavaScript Kit</a>
<a href="http://www.codingforums.com">Coding Forums</a>
<a href="http://www.javascriptkit.com/jsref/">JavaScript Reference</a>

</div>

<!--2nd anchor link and menu -->

<br /><br />

<ul class="navlist">
<li><a href="http://www.dynamicdrive.com">Dynamic Drive</a></li>
<li onMouseover="dropdownmenu(this, event, 'anylinkmenu2')"><a href="http://www.dynamicdrive.com/style/" onClick="return clickreturnvalue()">CSS Examples</a> <span style="position: relative; left: 25px; font-family: Times New Roman">►</span></li>
<li><a href="http://www.javascriptkit.com">JavaScript Kit</a></li>
<li><a href="http://www.cssdrive.com">CSS Drive</a></li>
<li><a href="http://www.codingforums.com">Coding Forums</a></li>
</ul>

<div id="anylinkmenu2" class="anylinkcss" style="width: 160px; background-color: lightyellow">
<ul class="navlist">
<li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C1/">Vertical CSS Menus</a></li>
<li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C2/">Vertical CSS Menus</a></li>
<li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C4/">Image CSS</a></li>
<li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C6/">Form CSS</a></li>
<li onMouseover="dropdownmenu(this, event, 'anylinkmenu3')"><a href="http://www.dynamicdrive.com/style/" onClick="return clickreturnvalue()"><a href="http://www.dynamicdrive.com/style/csslibrary/category/C5/">DIVs and containers</a></li>
</ul>
</div>

<div id="anylinkmenu3" class="anylinkcss" style="width: 320px;background-color: orange">
<a href="http://www.google.com">Third tier</a>
</div>
</body>


Any help would be oh so greatly appreciated :)

ddadmin
06-16-2010, 11:11 PM
For the later request, you may want to check out Flex Level menu (http://www.dynamicdrive.com/dynamicindex1/flexdropdown.htm), which behaves similarly to Anylink Menu, but does support more than 1 level.

For the former issue, there's no quick way at the moment with any of the menu scripts on DD to get them to drop down over another frame unfortunately.

Jym Khana
06-16-2010, 11:21 PM
Thanks, I'll look at that but I really need it to drop over a frame. As I noted, this site is able to do it with the anylink code.

http://molendijk.110mb.com/dynamic/

I am trying to make it work with multi-level menus