DevTrain Forum - Baum

Forum: JavaScript | Thema: Baum - Menü | Von: G. Guest ( 08.01.2004 10:50)

		Salut miteinanderMein Problem ist:
Ich habe ein Menü mit die aussieht wie eine Baumstrucktur.
Nun will ich, dass man immer nur ein Untermenü sehen kann.
Ich krieg das einfach nicht auf die Reihe.
Hier mein Javascript:

<style type="text/css">
<!--
 dt.mainlink
 {
     background-color: #FFFFFF; font-weight: lighter; margin-left: 3px; margin-top: 5px;
 }

 dd.link
 {
     background-color: #FFFFFF; font-size: x-small; padding-bottom: 5px; margin-left: 20px; padding-right: 3px; padding-top: 5px;
 }
-->
</style>
<script language=JavaScript>
<!--
function test()
{
   if (typeof(hideExamples) == 'function') hideExamples();
}

function hideExamples()
{
        var colPre=document.all.tags("dd");
        var colP=document.all.tags("dt");
        var z=0;
        for (var i=0;i<colP.length;i++)
        {
                if (colP.item(i).className=="mainlink")
                {
                     z++;
                }
                if (colP.item(i).className=="mainlink")
                {
                     var oSpan=document.createElement("P");
                     oSpan=colP(i);
                     oSpan.onclick=toggle;
                     oSpan.ShowHideType=oSpan.innerText;
                     oSpan.style.fontWeight="bold";
                     oSpan.style.cursor="hand";
                     toggle(oSpan);
                }
        }
}

function toggle(oElement)
{
        if (!oElement)
        {
            oElement=event.srcElement;
        }

        s=oElement.ShowHideType;
        var SpanIndex=oElement.sourceIndex;
        var oPre=document.all.item(SpanIndex+1);
        var o=oPre;
        var oDiv=oPre;
        o=o.nextSibling

        if (o && o.nodeName=="DIV")
        {
                oDiv=o;
        }
        
        var oFC = oDiv.all.item(0);
        if (oPre.style.display=="none")
        {

                oPre.style.display="block";
                if( oFC && (oFC.tagName == "BUTTON" || oFC.className == "clsShowMe"))
                {
                        oDiv.style.display="block";
                }
                oElement.innerText="-  " + s;
        }
        else
        {
                oPre.style.display="none";
                if( oFC && (oFC.tagName == "BUTTON" || oFC.className == "clsShowMe") )
                      oDiv.style.display="none";
                oElement.innerText="+ " + s;
        }
}
-->
</script>


Gurss Othmar


	

Betreff Von Datum

Re: Baum - Menü

Dann must Du die Elmente gezielt aus dem Array ansprechen und das betreffende öffnen und im gegenzug aber dann natürlich alle anderen Nodes schliessen.<br>Jetzt durchläufst Du ja eine Schleife und lässt...

Sven Buhk 08.01.2004 10:56

Antworten Vorsicht bei der Eingabe: Die Zeichen ' oder -- sind nicht erlaubt!