Smooth Navigational Menu (v2.0)

[7moonlight]

1) Script Title: Smooth Navigational Menu (v2.0)

2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...smoothmenu.htm

3) Describe problem:
I will admit now that I am not a programmer.
I downloaded all the files and thought I had followed the directions but I cannot get the menu to drop down for the submenus.
I have it here: http://religiousright101.tripod.com/...se/index1.html to test it.

I have tried so many different things trying to fix this, including copying some of the files into the head section directly. This is exactly the drop down menu I need - If I could just get it to work.
Any help is appreciated. If I need to pay to get it working, then let me know.

Thank you!!:
A.H.

[ddadmin]

There may be other issues, but the reference to ddsmoothmenu.js in the HEAD section of your page is currently broken. Be sure it's uploaded to the root HTML directory of your site:

http://religiousright101.tripod.com/...dsmoothmenu.js

[jscheuer1]

Also - The page is missing the required init, which for it could be:

<script type="text/javascript">

ddsmoothmenu.init({
	mainmenuid: "smoothmenu1", //menu DIV id
	orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"
	classname: 'ddsmoothmenu', //class added to menu's outer DIV
	contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
})

</script>

This should go right after:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<script type="text/javascript" src="ddsmoothmenu.js">

/***********************************************
* Smooth Navigational Menu- (c) 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>

All of which, though not critical, should go after the styles.

There could also be other problems.

The browser cache may need to be cleared and/or the page refreshed to see changes.

[7moonlight]

Thank you both for your help.

I scrubbed all my fiddling with it and deleted the scripts - then downloaded the scripts from DD anew.
The drop down is working now!!! That is huge. You guys ROCK. I will definitely recommend you and use your scripts again.
You have won me over with your friendly assistance!

Ariel

[artefact]

Hi

Thanks for this great script. 2 questions:

1. How to fix a top offset on .ddsmoothmenu ul li ul
It seems adding top:20px has no effect. The idea is to make something like on the attached screenshot

2. how to add dynamically a class to .ddsmoothmenu ul li ul when the submenu reposition themselves if too close to the window's right edges.

Regards

Greg

[jscheuer1]

I'd try padding-top. The script sets the top coord on the fly so as to position it under its trigger regardless of how the page might have been resized, which of course might have moved the trigger.

The padding might also be set by the script and/or in the stylesheet. If so, you may have to use the !important keyword to override that.

Padding is a good choice too because you could use that little arrow thingy as a background image. Background shows in padding. And padding is a part of the element, so hover events (if used) and clicks still should be recorded faithfully for each element.

[artefact]

Thanks for reply. That work fine8 What about second question. The little arrow as a background image should be replaced if the submenu is repositoned. In this case adding dynamically a class to .ddsmoothmenu ul li ul would be nice

[jscheuer1]

I missed that. Try this (lightly tested) modified version of the script (right click and 'Save As'):

ddsmoothmenu.js

It adds the class 'repositioned' to menus that have been repositioned and removes it from those that have not. Should work.

The browser cache may need to be cleared and/or the page refreshed to see changes.

If you want more help, please include a link to the page on your site that contains the problematic code so we can check it out.

[artefact]

It works like a charm Thanks a lot

[7moonlight]

I spoke too soon.
It works in Firefox, but not in IE.
http://religiousright101.tripod.com/...se/index1.html

Help please. I don't understand why it won't work in IE.
Ariel