Menü mit Untermenü

Status
Nicht offen für weitere Antworten.
Hallo,
ich habe jetzt meinen Quellcode (hier: http://test.dcserver2.com/js/quell.txt)
um die notwendige Submenu Struktur ergänzt. Meine Frage, die sich aus dem Testen des Ganzen ergab, ist nun die folgende.

Wenn ich auf den Button/link drücke, schloss sich das eine Menü und das andere öffnete sich. Jetzt bleibt das aktivierte Menü stehen. Wie kann ich dieses verändern.

Danke!

CU
PM
 
Das ist eine ganz andere Bedigung, wie noch vorhin gefordert,, - ich habe jetzt keine Zeit das Script auf diesen Wunsch anzupassen, also, entweder Geduld oder Glück, das hier noch jemand anderer Zeit hat.
 
Naja, eigentlich keine Zeit gehabt, aber noch schnell was zusammengeschustert:

Code: 
<html>
<head>
<script type="text/javascript">
<!--
var last = ""
function submenue(divid)
{
if(last != "")
d.getElementById(last).style.display = 'none'
d=document;
d.getElementById(divid).style.display = 'block'
last = divid 
}
//-->
</script>
</head>
<body>
<div id="haupt_one" onclick="submenue('cat1')" style="cursor : hand">Menü 1</div>
<div id="cat1" style="display:none">
<br>
<a href="#">Sub 1</a><br>
<a href="#">Sub 2</a><br>
<a href="#">Sub 3</a><br>
</div>
<div id="haupt_two" onclick="submenue('cat2')" style="cursor : hand">Menü 2</div>
<div id="cat2" style="display:none">
<br>
<a href="#">Sub 1</a><br>
<a href="#">Sub 2</a><br>
<a href="#">Sub 3</a><br>
</div>
<div id="haupt_three" onclick="submenue('cat3')" style="cursor : hand">Menü 2</div>
<div id="cat3" style="display:none">
<br>
<a href="#">Sub 1</a><br>
<a href="#">Sub 2</a><br>
<a href="#">Sub 3</a><br>
</div>
</body>
</html>
 
Hallo,
ja klar, verstehe ich zu 100%. Wäre nur cool, wenn Du, sofern ein wenig Zeit vorhanden wäre, noch mal reinschauen könntest...

Vielen Dank!
PM
 
Hi,

meintest Du es so:

Code: 
<script language="javascript" type="text/javascript">
  <!--
  var g_intAktiveNav = 0;		// Welche Navigation ist im Augenblick aktiv

  // Funktion zum Ein- und Ausblenden der Unternavigationen
function show(strNavName, navAktuell, navCount){
    // Alle Hauptnavigationen durchlaufen
    for(i=1; i <= navCount; i++){
        // ID-String generieren
        strID = strNavName + i;

        // Falls es sich um die Navigation handelt, die angeklickt wurde
        if(i == navAktuell){

            // Falls die Navigation bereits aufgeklappt ist
            if(navAktuell == g_intAktiveNav){
                // Navigation wieder zuklappen
                document.getElementById(strID).style.display = "none";
                g_intAktiveNav = 0;
            }else{
                // Sonst - Navigation aufklappen und in globaler Variable markieren
                document.getElementById(strID).style.display = "inline";
                g_intAktiveNav = navAktuell;
            }	// ENDE -- if(navAktuell == intAktiveNav)

        }else{
            document.getElementById(strID).style.display = "none";
        }	// ENDE -- if(i == navAktuell)

    }	// ENDE -- for(i=1; i <= navCount; i++)

}	// ENDE -- function show
  -->
</script>

Der entsprechende Code im Body muss dann folgendermassen heissen:
Code: 
<a class="Nav" href="#" onclick="show('cat', 1, 2)">Nav1</a><br>
<div id="cat1" style="display:none">
    <a class="SubNav" href="#">Sub 1</a><br>
    <a class="SubNav" href="#">Sub 2</a><br>
    <a class="SubNav" href="#">Sub 3</a><br>
</div>
<a class="Nav" href="#" onclick="show('cat', 2, 2)">Nav2</a><br>
<div id="cat2" style="display:none">
    <a class="SubNav" href="#">Sub 1</a><br>
    <a class="SubNav" href="#">Sub 2</a><br>
    <a class="SubNav" href="#">Sub 3</a><br>
</div>

Ciao
Quaese
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück