Tree menu

Der skal tilføjes nogle linjer inde midt i scriptet, så du får lige alt det, som skal bruges (fra textboxen på frontierIT !-)

<style type="text/css">
a{color:green;}
a:link{color:red;}
a:visited{color:red;}
a:hover{color:blue;}
a:active{color:purple;}
.ftm {
    margin: 0px;
    padding: 0px;
    position: relative;
    left: -8px;
}
ul.ftm {
    margin: 0px;
    list-style-type: none;
}
ul.ftm * {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    white-space: nowrap;   
}
ul.ftm ul {
    margin: 0px 0px 0px 10px;
    display: none;
}
ul.ftm img {
    width: 9px;
    height: 9px;
}
</style>

<script language="Javascript">
function initTree() {
    /* Original Code by sean@frontierit.com
    ** enhanced to support onclick on links
    ** by roenving 2004 */
    if (!document.getElementById) return;
   
    var aTrees = document.getElementsByTagName('UL');
   
    if (aTrees.length > 0) {
        for (var i = 0;aTrees.length>i; i++) {
            if (aTrees[i].className == "ftm") {
                ftm(aTrees[i]);
            }
        }
    }
}

function ftm(menu) {

    var docs  = menu.getElementsByTagName('LI');

    for (var i = 0;docs.length>i; i++) {
        var oHref = document.createElement("IMG");
        oHref.src = "../img/x.gif";
        oHref.style.display = 'inline';
        oHref.style.marginRight = '3px';

        if (docs[i].getElementsByTagName('UL').length > 0 ) {

            oHref.src = "../img/plus.gif";
            oHref.style.cursor = 'pointer';
           
            oHref.onmousedown = function() {
                if (this.parentNode.childNodes[2].style.display == '' ||
                    this.parentNode.childNodes[2].style.display == 'none' ) {
                    this.parentNode.childNodes[2].style.display = 'block';
                    this.src = "../img/minus.gif";
               
                } else {
                    this.parentNode.childNodes[2].style.display = 'none';
                    this.src = "../img/plus.gif";
                }
            }
            docs[i].firstChild.onmousedown = function() {
                if (this.parentNode.childNodes[2].style.display == '' ||
                    this.parentNode.childNodes[2].style.display == 'none' ) {
                    this.parentNode.childNodes[2].style.display = 'block';
                    this.src = "../img/minus.gif";
               
                } else {
                    this.parentNode.childNodes[2].style.display = 'none';
                    this.src = "../img/plus.gif";
                }
            }
        }
        docs[i].insertBefore(oHref,docs[i].firstChild);
    }
   
    /* Expand Folding Tree Menu to current url if it exists in the tree */
    for (var i = 0;docs.length>i; i++) {

        if (docs[i].childNodes[1].nodeName == 'A' &&
            docs[i].childNodes[1].href == location ) {
            docs[i].firstChild.src = "../img/selected.gif";
            var q = docs[i].parentNode;
           
            while (q.className != 'ftm') {
                q.firstChild.src = "../img/minus.gif";
                  q.style.display = 'block';
                  q = q.parentNode;
            }
        }
    }

}

window.onload = initTree;
</script>

Det er fand'me lækkert lavet. Det er godt, at der nogen som kan finde ud af at rette i javascripts.
Smid et svar og så skal jeg sætte point ind på din konto.
Og mange tak for hjælpen.

Hovsa, der er en lille fejl.
Når der klikkes på teksten/linket, så skifter billedet ikke mellem plus og minus...

Den blok jeg indsatte skal til rettes, så den tager fat i det rette:

            docs[i].firstChild.onmousedown = function() {
                if (this.parentNode.childNodes[2].style.display == '' ||
                    this.parentNode.childNodes[2].style.display == 'none' ) {
                    this.parentNode.childNodes[2].style.display = 'block';
                    this.parentNode.firstChild.src = "../img/minus.gif";
               
                } else {
                    this.parentNode.childNodes[2].style.display = 'none';
                    this.parentNode.firstChild.src = "../img/plus.gif";
                }
            }

-- og jeg havde nogen problemer med at få IE til at kigge på det, den har jeg ikke forstået endnu, så jeg vender måske tilbage med en kommentar til det !-)

-- men ellers velbekomme '-)

-- og tak for points ;~}