Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webprogrammeren & scripting

[JavaScript] Uitklapmenu

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">
    ')
    document.write('.submenu{display: none;}
    ')
    document.write('</style>
    ')
    }

    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.