[JS] div zichtbaar maken

[Verwijderd]

Ik ben bezig met een pagina waar ik zon soort menuutje op wil hebben:

als je op een rood vlakje klikt gaat er "een menuutje" open en het menuutje dat daarvoor open stond gaat weer dicht..

Ik heb het geprobeerd met de div tag en heb deze een id gegeven, en heb dan dit onder de onclick van het rode vlakje staan: document.getelementbyid(sub0).css.visibility="visible".. Waarop de browser een error geeft dat deze methode niet "van toepassing" is op het object..

Iemand een idee hoe ik dit kan oplossen ?

[Tom]

css.visibility moet volgens mij style.visibility zijn..

[Verwijderd]

Op zondag 10 februari 2002 15:50 schreef Tom het volgende:
css.visibility moet volgens mij style.visibility zijn..

Nog steeds dezelfde error, hier een stukje coden:

code:

    <div id="Prijsmenu"><a href="#" onclick='document.getelementbyid(SubPrijsmenu).style.visibility="visible"; return false'>Prijs</a><br>
        <div id="SubPrijsmenu" style='visibility="hidden"'><br>
            Bla bla bla<br>
            Bla bla bla<br>
            Bla bla bla<br>
            Bla bla bla<br>
        </div>
    </div>

Ik ben een totale html/dhtml/js noob dus hopelijk kan er iemand me helpen..

Edit: Hele lelijke dikke typ fout: getelementbyid(sub0) => getelementbyid(SubPrijsmenu)

[Thijsmans]

Je moet volgens mij ook eerst in de style van de div zetten dat die gehide is.

[Verwijderd]

Woot het werkt dank zij jouw sig: Prammenhanger.. ff in die jslib gekeken.. en daar werdt geen getelementbyid gebruikt, maar gewoon: de_naam_van_de_id.style....

[Verwijderd]

Je moet de layer aanroepen tussen singlequotes.. zoals je het nu doet roep je een integer aan ipv een object.

[Verwijderd]

Javascript methodes en functies zijn case-sensitive:
getelementbyid => getElementById
gebruik bovendien quotes om je divnamen heen bij deze methode.

code:

document.getelementbyid(sub0).css.visibility="visible"
Moet worden:
document.getElementById('sub0').style.visibility="visible";

[Heintjo]

code die ik al jaren gebruik:

code:

function BrowserCheck() {
      var b = navigator.appName
      if (b=="Netscape") this.b = "ns"
      else if (b=="Microsoft Internet Explorer") this.b = "ie"
      else this.b = "ie";
      this.v = parseInt(navigator.appVersion)
        this.ns = (this.b=="ns" && this.v==4)
      this.ns4 = (this.b=="ns" && this.v==4)
      this.ie = ((this.b=="ie" && this.v>=4)||(this.b=="ns" && this.v>=5))
      this.ie4 = (navigator.userAgent.indexOf('MSIE 4')>0)
      this.ie5 = (navigator.userAgent.indexOf('MSIE 5')>0)
      if (this.ie5) this.v = 5
      this.min = (this.ns||this.ie)
            if(!this.ns) { this.ie=true; }
}

function show(id) {
      if (is.ns) document.layers[id].visibility = "show"
      else if (is.ie4) document.all(id).style.visibility = "visible"
      else if (is.ie) document.getElementById(id).style.visibility = 'visible'
}

function hide(id) {
      if (is.ns) document.layers[id].visibility = "hide"          
      else if (is.ie4) document.all(id).style.visibility = "hidden"
      else if (is.ie) document.getElementById(id).style.visibility = 'hidden'
}

beetje boel browsercheck in deze code, maar dan weet je wel zeker dat 't werkt