Jim's DHTML Menu 5.7 rollover image

[pawebb]

I am trying to use a rollover image (such as the arrows) with this menu.

In the Config.js to implement a rollover I have it pointed to the following which works.
"rollover:graphics/tridown.gif:graphics/tridown.gif"

If I try to create a template I can set everything up in the template no problem. The new line would be
"rollover:../graphics/tridown.gif:../graphics/tridown.gif"

The problem occurs if the page created from the template is not in the same subdirectory level. If it is one up or below the directory of the template I recieve "x" instead of my image since the location of the graphic is not the same as specified in the HTML code. I figured the easiest way to remedy this would be to point to the actual web location of the image, such as "http://www.panthercreekhog.com/newsite/graphics/tridown.gif".

I have tried several variations to point to the file including
"rollover:http://www.panthercreekhog.com/newsite/graphics/tridown.gif:http://www.panthercreekhog.com/newsite/graphics/tridown.gif"

It seems that the Colon is making it fail. Does anyone know how to correct this?

Thanks
Paul

[pawebb]

Is my question to complicated for this forum? If so can someone point me to some books that I could reference.

thanks

[cr3ative]

Jim's DHTML menu is not written by Dynamic Drive so we can't offer as good support.
Try emailing Jim, the author, for more help.

Also, please try not to bump your own threads.

cr3ative

[pawebb]

I did try to email him and the email was rejected.

What do you mean bump my own threads?

[cr3ative]

Rejected? How do you mean?

Thread bumping is starting a thread, not getting a reply and putting it back on the New Posts list by posting yourself again, to attract attention. It's not too important not to, but it can be seen as rude by other people Don't worry.

cr3ative

[NiteStalker]

I am trying to use a rollover image (such as the arrows) with this menu.

In the Config.js to implement a rollover I have it pointed to the following which works.
"rollover:graphics/tridown.gif:graphics/tridown.gif"

If I try to create a template I can set everything up in the template no problem. The new line would be
"rollover:../graphics/tridown.gif:../graphics/tridown.gif"

The problem occurs if the page created from the template is not in the same subdirectory level. If it is one up or below the directory of the template I recieve "x" instead of my image since the location of the graphic is not the same as specified in the HTML code. I figured the easiest way to remedy this would be to point to the actual web location of the image, such as "http://www.panthercreekhog.com/newsite/graphics/tridown.gif".

I have tried several variations to point to the file including
"rollover:http://www.panthercreekhog.com/newsite/graphics/tridown.gif:http://www.panthercreekhog.com/newsite/graphics/tridown.gif"

It seems that the Colon is making it fail. Does anyone know how to correct this?

Thanks
Paul

Paul,

I played around with the menu and found your answer for you!

I moved all files to scripts, edit browser.js line 1 from included/browser.js to scripts/browser.js. The Web page calls the files from scripts/config.js now.

Also, don't edit the tags, if page is in root, images in root/graphics and script is in root/script, leave the script pointing to graphics/rollover.img. As the page pulls the script it will decode the images from the root/graphics location.

I got it to work the way you described, goodluck!