Vraag & Antwoord

Webprogrammeren & scripting

[JavaScript] Uitklapmenu

Anoniem
berger
2 antwoorden
  • Ik ben bezig met een uitklapmenu te maken voor op een website.

    Tot nu toe heb ik dit:

    In de <head> sectie plaatst ik:
    [code:1:1ce0e61adc]<script type="text/javascript">
    if (document.getElementById){
    document.write('<style type="text/css">\n')
    document.write('.submenu{display: none;}\n')
    document.write('</style>\n')
    }

    function SwitchMenu(obj){
    if(document.getElementById){
    var el = document.getElementById(obj);
    var ar = document.getElementById("masterdiv").getElementsByTagName("span");
    if(el.style.display != "block"){
    for (var i=0; i<ar.length; i++){
    if (ar[i].className=="submenu")
    ar[i].style.display = "none";
    }
    el.style.display = "block";
    }else{
    el.style.display = "none";
    }
    }
    }
    </script>[/code:1:1ce0e61adc]

    En ergens in de <body> sectie plaats ik bijvoorbeeld:
    [code:1:1ce0e61adc]<div id="masterdiv">
    <div class="categorie" onclick="SwitchMenu('sub1')">Hoofdcategorie 1</div>

    <span class="submenu" id="sub1">
    Subcategorie 1<br>
    Subcategorie 2<br>
    </span>
    <div class="categorie" onclick="SwitchMenu('sub2')">Hoofdcategorie 2</div>
    <span class="submenu" id="sub2">
    Subcategorie 1<br>
    Subcategorie 2<br>
    </span>
    <div class="categorie" onclick="SwitchMenu('sub3')">Hoofdcategorie 3</div>
    <span class="submenu" id="sub3">
    Subcategorie 1<br>
    Subcategorie 2<br>
    </span>
    </div>[/code:1:1ce0e61adc]

    Als je pagina laadt, zijn alle hoofdcategorieën ingeklapt. Wanneer je op een Hoofdcategorie klikt, klapt deze uit en komen de subcategorieën te voorschijn.

    Nu is mijn vraag: hoe kan ik instellen dat bijvoorbeeld Hoofdcategorie2 standaard is uitgeklapt?

    Bijvoorbaat dank
  • [code:1:da3f28fcda]
    <script type="text/javascript">
    window.onload = function() { SwitchMenu('sub2'); }
    </script>[/code:1:da3f28fcda]
    zoiets?

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.