Renaming of ddlevelsfiles File

[nefarious2all]

1) Script Title: All Levels Navigational Menu (v2.1)
AND
1a) Scrip Title: All Levels Menu Generator

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex1/ddlevelsmenu/index.htm
AND
2a) http://www.dynamicdrive.com/dynamicindex1/ddlevelsmenu/generator.htm

3) Describe problem: Let's see if I can describe this without it getting confusing. ;)

I've build my own site using the All Levels Navigation Menu (v2.1) with a few visual modifications to it. Of course, downloading the ALNM (v2.1) gives you a folder named ddlevelsfiles with the supporting css and js files.

No problems so far.

I've also build a site for my karate club using the All Levels Menu Generator with a few visual modifications to it. Again, downloading the ALMG gives you a folder named ddlevelsfiles with the supporting css and js files.

No problems so far.

My karate site is linked to my personal site via a link. I need to have both sites at the same ‘root level’ on my server so that my karate site doesn't have some long-winded address. (I did this so that my karate instructor didn't have to pay me for the site.)
EX: My site = minesite.com
Karate site = minesite.com/karate.html

For the karate site I'm simply renaming the folder ddlevelsfiles to something like KTddlevelsfiles so that it's differentiated from the ddlevelsfiles folder for my own site, which I'm not renaming. Now, within the karate's KTddlevelsfiles folder I know I need to rename any instance of that folder in the css and js. I've seen no place in the css files that I would need to do this, and in the js the only place I can see is in the first few editable lines (which I've done). And I've changed the instances of that folder name on all the web pages for the karate site.

Now comes my conundrum.

After doing all this it works beautifully EXCEPT... on the karate pages, the main menu items that have a drop down menu, the arrow-down.gif that should show up beside the main menu items have disappeared.
Am I missing some instance of the ddlevelsfiles folder within the css or js that I haven't renamed?

:D So that's all of it. Hopefully it's not too confusing. :o

Any assistance is appreciated!

[ddadmin]

Hmm I'm a little confused actually- what is the motivation for having two copies of the ddlevelsfiles directory (KTddlevelsfiles and ddlevelsfiles) in the first place? Are you trying to create two different themed menus on each of the sections of your site? Even so there shouldn't be any need to have two copies.


the arrow-down.gif that should show up beside the main menu items have disappeared.

Inside the relevant .js file, make sure the paths to the arrow images are absolute URLs:


downarrow: ["http://mysite.com/ddlevelsfiles/arrow-down.gif", 11,7], //[path_to_down_arrow, arrowwidth, arrowheight]
rightarrow: ["http://mysite.com/ddlevelsfiles/arrow-right.gif", 12,12], //[path_to_right_arrow, arrowwidth, arrowheight]

[nefarious2all]

You got it... I’ve created two different themed menus on each of the sections of my site.
I've changed different aspects of the .css files for each of the two menus, but also the vertical menu (ALNM v2.1) uses a graphic to the left of each of the menu items... which I though was part of the .js file... anywho...

As for the arrows... I didn't know the path had to be the actual URL. I guess I'll only find out if it works once the sites are up and running.

Question.
What's the difference between using the actual URL path compared to the simple path through the folders (mysite/ddlevelsfiles/arrow-down.gif)?

Thank you for the help! The missing arrows aren't a huge problem, I can do without them, it's just a nagging problem that I want to try to solve!
:D

[ddadmin]

What's the difference between using the actual URL path compared to the simple path through the folders (mysite/ddlevelsfiles/arrow-down.gif)?

Well, when you specify a relative path to the gifs inside the .js file, the final path used is dependent on the URL of the menu page showing the menu. If your menu page is http://mysite.com/dir/home.htm and the relative path you've specified is images/arrow.gif, then the final URL used is:

http://mysite.com/dir/images/arrow.gif

So as the URL of your menu page changes, so does the URL to the arrow images, which is a problem in most cases. That's why you should just specify an absolute URL to the images instead.


You got it... I’ve created two different themed menus on each of the sections of my site.

Nonetheless you shouldn't have to duplicate all files of the menu in most cases. Each menu carries its own CSS class, so based on your understanding of CSS inheritance, you should be able to have a common style for the menus while adding additional, distinct styles to each menu. How exactly to do this however depends very much on your CSS, and probably is beyond the scope of what we can help you with (due to its time consuming nature).

[nefarious2all]

I believe I understand what you're saying... about both. The path to the image I understand more so than the .css, though I get the gist of what you're saying about the .css. Sadly I'm not that good with .css to be able to pull it off!

Thank you for your help!