Getting the open.gif image to display on subpages

[meechp123]

1) Script Title:
Simple Tree Menu

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

3) Describe problem:

For some reason, when expanding a parent list, the open.gif image will display on my index page. But, on sub pages within sub directories, the image doesn't display....

Closed.gif displays, but, open.gif doesn't. The arrows displays as well.

I am pointing to the correct style sheet for all the other images display....

I'm guessing it's an issue within the .css file.

Please help!

Thanks!

[meechp123]

Anyone have any ideas?

[ddadmin]

Are there any other style sheets on your subpages that may be conflicting with the CSS for the script? You may want to post a link to the problem page.

[meechp123]

Yes, I have another style sheet on the page. I cant post a link because it's on the Intranet.

Here is the code, I just changed the path to the image folder.

I changed the path from:

In Simpletree.js
-------------------------------------------------
var persisteduls = new Object();
var ddtreemenu = new Object();

ddtreemenu.closefolder = 'images/closed.gif'; // set image path to 'closed' folder image
ddtreemenu.openfolder = 'images/open.gif'; // set image path to 'open' folder image


To
------------------------------------------
ddtreemenu.closefolder="../images/closed.gif" //set image path to "closed" folder image
ddtreemenu.openfolder="../images/open.gif" //set image path to "open" folder image



and within the CSS FROM:
--------------------------------------
.treeview ul { /* CSS for Simple Tree Menu */
margin : 0;
padding : 0;
}

.treeview li { /* Style for LI elements in general (excludes an LI that contains sub lists) */
background : white url(list.gif) no-repeat left center;
list-style-type : none;
padding-left : 22px;
margin-bottom : 3px;
}

.treeview li.submenu { /* Style for LI that contains sub lists (other ULs). */
background : white url(closed.gif) no-repeat left 1px;
}


.treeview li.submenu ul { /* Style for ULs that are children of LIs (submenu) */
display : none; /*Hide them by default. Don't delete. */
}


TO:
--------------------------------

.treeview ul{ /*CSS for Simple Tree Menu*/
margin: 0;
padding: 0;
}

.treeview li{ /*Style for LI elements in general (excludes an LI that contains sub lists)*/
background: white url(../images/list.gif) no-repeat left center;
list-style-type: none;
padding-left: 22px;
margin-bottom: 3px;
}

.treeview li.submenu{ /* Style for LI that contains sub lists (other ULs). */
background: white url(../images/closed.gif) no-repeat left 1px;
cursor: hand !important;
cursor: pointer !important;
}


.treeview li.submenu ul{ /*Style for ULs that are children of LIs (submenu) */
display: none; /*Hide them by default. Don't delete. */
}

.treeview .submenu ul li{ /*Style for LIs of ULs that are children of LIs (submenu) */
cursor: default;
}

[meechp123]

For some reason, copying the image folder into the sub directory works....

This solves my issue, but, I still do not understand why two of the images show up and the other doesnt.....