[JS] In en uitklappen van tekst

Ik ben bezig met Boete.org, maar de boete lijst doet vreemd. Als je op Test 1 klikt moet er tekst onder verschijnen, maar de pagina word in plaats daarvan helemaal wit. Weet iemand wat ik verkeerd heb gedaan?

return open() moet veranderd worden in open();

Helpt niet.

Je hebt in je open functie:

function open(id) {
    if (document.getElementById) {
        var object = document.getElementById(id).style;
        if (object.display == "block") {
            object.display = "none";
        }
        else {
            object.display = "block";
        }
        return true;
    }
    else {
        return false;
    }
}

Echter, als je de open functie aanroept geef je geen id mee. Hoe moet javascript dan ooit weten welke div je probeert te openen?

Rik schreef:

Je hebt in je open functie:

function open(id) {
    if (document.getElementById) {
        var object = document.getElementById(id).style;
        if (object.display == "block") {
            object.display = "none";
        }
        else {
            object.display = "block";
        }
        return true;
    }
    else {
        return false;
    }
}

Echter, als je de open functie aanroept geef je geen id mee. Hoe moet javascript dan ooit weten welke div je probeert te openen?

bij het eerste knopje word dat wel meegegeven

function open(divID){
                      elm = document.getElementById(divID);
                      if(elm.style.display == none){
                            elm.style.display = block;
                      }else{
                            elm.style.display = none;
                      }

de link

<div id="gelukt"><b><a href="javascript:void(0)" onclick="open(verborgendiv)">Delen</a>

ophalen

<div id="verborgendiv" style="display: none;"> 
hoi
</div>

Als je hier iemand voor wil bedanken is dat superb

Rik schreef:

Je hebt in je open functie:

function open(id) {
    if (document.getElementById) {
        var object = document.getElementById(id).style;
        if (object.display == "block") {
            object.display = "none";
        }
        else {
            object.display = "block";
        }
        return true;
    }
    else {
        return false;
    }
}

Echter, als je de open functie aanroept geef je geen id mee. Hoe moet javascript dan ooit weten welke div je probeert te openen?

Dat weet ik ja. Het staat wel bij de eerste, en ik zei in de startpost dat je bij de eerste moet kijken.

Smiegles schreef:

function open(divID){
                      elm = document.getElementById(divID);
                      if(elm.style.display == none){
                            elm.style.display = block;
                      }else{
                            elm.style.display = none;
                      }

de link

<div id="gelukt"><b><a href="javascript:void(0)" onclick="open(verborgendiv)">Delen</a>

ophalen

<div id="verborgendiv" style="display: none;"> 
hoi
</div>

Als je hier iemand voor wil bedanken is dat superb
Ik zal eens kijken.

EDIT:// Werkt niet. Ik heb het vervangen en het is nogsteeds hetzelfde resultaat. Kijk zelf maar.

Is dit misschien iets?

http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_toggle

<script type="text/javascript">
        function hideshow(id)
        {
            if(document.getElementById(id).style.display == block)
            {
                document.getElementById(id).style.display = none;
            }
            else
            {
                document.getElementById(id).style.display = block;
            }
        }
    </script>

Zo gebruiken:

<a href="javascript:void(0);" onclick="javascript:hideshow(jponsen)">Openen</a>
<div id="jponsen" style="display: none;">
    Dit krijg je dan te zien
</div>

Volgens mij heb je ook dit bestand nog nodig om die functie te laten werken?

Ik heb nu die van Jponsen, en dat is de enige die werkt. Het is allemaal heel vreemd, dat die anderen niet werken, maar het gaat erom dat het nu opgelost is. Dank je Jponsen!

Graag gedaan

Marjolein schreef:

Volgens mij heb je ook dit bestand nog nodig om die functie te laten werken?

Dat is van jQuery, dat heb je niet nodig om alleen de display style van een element te veranderen, maar kan het wel vergemakkelijken

Via jQuery is het heel makkelijk te doen, maar gelukkig werkt het nu.

jQuery heeft meerdere mogelijkheden.
Dus dat is aanteraden