PDA

View Full Version : Blm Multi-level Effect Menu Issues



lt7817
03-10-2008, 07:57 AM
1) Script Title: Blm Multi-level Effect Menu

2) Script URL (on DD): none

3) Describe problem: I downloaded this file "mleffect.zip" from http://www.dynamicdrive.com/dynamicindex1/blmmenu/index.htm, and I tested the demo file. This is what I got:

Multi-level Effect Menu
Mult-level effect menu is a very configurable javascript/css hybrid dropdown menu. It is capable of producing simple menus(both horizontal and vertical) or more advanced ones like the below. It should work in any standards compliant browser and IE.This menu has a number of fixes for different browsers to provide a consitent cross-browser script.

Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
As the above shows it is capable of producing multiple menus on a single page.In fact you can have an unlimited number of menus. All produced with the following markup.

<div class="mlmenu [horizontal|vertical] [effect] [arrow|plus] [delay] [color_class] [inaccesible]">

<ul>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a>
<ul>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul>
</li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a>
<ul>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a>
<ul>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a>
<ul>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul>
</li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul>
</li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul>
</li>
<li><a href="#">Link</a></li>
</ul>
</div>

Then simply place this code in the head of the document.

<link rel="stylesheet" href="css.css">
<!--[if IE]>
<link rel="stylesheet" href="hack.css">
<script type="text/javascript">
window.mlrunShim = true;
</script>
<![endif]-->
<script type="text/javascript" src="js.js">

/***********************************************
* Blm Multi-level Effect menu- By Brady Mulhollem at http://www.bradyontheweb.com/
* Script featured on DynamicDrive.com
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and more
***********************************************/
</script>

So lets go over the options

Base
The very minimum required to the menu is the following

<div class="mlmenu [horizontal|vertical] [color]">
<ul>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a>
<ul>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul>
</li>
</ul>
</div>

The first choice to make is horizontal or vertical. You simply place your choice right in the class portion. You also need to pick a color scheme. The default css icludes two blackwhite and bluewhite. Here's what we have so far.

Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
Effects
The menu is capable of producing five effects(only four in Internet Explorer). They are blink,shake,fade,blindv,blindh. To use them you simple inlcude them in the class name.

Blink
Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
Shake
Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
Fade
Now works in Internet Explorer

Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
Blindh
Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
Blindv
Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
Other Switches
The menu also supports two other "switches" unlike effects they may be both used at once

arrow
This switch will add a small arrows to any menu that has a submenu. The javascript always adds a class of "haschild" to an li element that would have an arrow.There is a small Internet Explorer bug with this switch that will cause the menu to have a slighly larger height that other browsers. In most cases this can be ignored.

Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
plus
Similiar to the above this switch will add a + sign. It can be used with arrow but I don't see why you would want to!

Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
delay
This switch will cause a small delay before the menu disappears. This helps make the menu feel a little more solid.

Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
inaccesible
This switch will prevent the "flickering" when the page loads. This comes at a price though. Users with javascript disabled will not see the sub-menus. To negate this make top-level links point to a sitemap to prevent confusion

Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
Browser Supports and downloads
The menu has been tested in IE6(IE5.5 partial,there is slight issues with alignment and borders),Firefox 1.5+ and Opera 8.5+. The latest Safari release was tested on an older version of the script and was found to work.. All required files plus this page may be downloaded here

This menu is created by Brady Mulhollem. If you have any questions or comments you can email me at blm126 [AT] gmail.remove.this.com.





Can anyone tell me what is the problem here and how to fix this problem? I tested the demo online at www.dynamicdrive.com. It works fine. But, it doesn't work after I download into my computer. Please help me. I'm a newbie here.....