Pagina 1 van 1

toggleVisibility probleem

Geplaatst: 22 jan 2005, 16:22
door hotrid
Ik heb een probleem, ik wil namelijk dat een bepaalde tekst weg is, en als je op een bepaalde link/stuk tekst drukt dat die tekst te voorschijnkomt op de pagina. Ik heb het onderstaande gedaan, maar hij werkt niet. Weet iemand waar de fout zit?

In me head :

Code: Selecteer alles

<style type="text/css">
p#visibility { visibility: visible }
p#display { display: none }
</style>

<script type="text/javascript" language="Javascript">
function toggleVisibility() {  
 if( document.getElementById("visibility").style.visibility == "hidden" ) {
    document.getElementById("visibility").style.visibility = "visible";
  } else {
    document.getElementById("visibility").style.visibility = "hidden";
  }
}

function toggleDisplay() {
if( document.getElementById("display").style.display == "none" ) {
    document.getElementById("display").style.display = "block";
  } else {
    document.getElementById("display").style.display = "none"; }
}
</script>
"

in me body

Code: Selecteer alles

<FONT COLOR="navy"><a href="#" "onclick="toggleVisibility()">TIK?</A></FONT><BR>
<p id="display">TEKST</p>

Geplaatst: 22 jan 2005, 16:25
door Bas
De a moet id="visibility" krijgen, dat staat in de script...

Geplaatst: 22 jan 2005, 16:26
door Stef
Dan lijkt mij display:hidden logischer.

Geplaatst: 22 jan 2005, 16:26
door hotrid
Nee, want de a is de link/tekst waar je op drukt om de tekst te laten verschijnen. Ja display moet anders, maar hij ziet de hele link niet eens

Geplaatst: 22 jan 2005, 16:29
door mosymuis
De functie toggleVisibility() gebruik je niet, haal die dus weg. Je verwijst er wel naar, die koppeling moet dus toggleDisplay() worden. Dan klopt het ID met de functie. De tekst zal eerst worden verborgen, als je dat niet wil haal je de stylesheet weg. Die is zoiezo foutief, want de eerste regel achter <style> verwijst naar het ID "visibility", wat niet bestaat.

Geplaatst: 22 jan 2005, 16:34
door hotrid
okay. nu wil ik het meerdere malen gebruiken op 1 pagina. Hoe doe ik het dan?

Geplaatst: 22 jan 2005, 16:36
door mosymuis
toggleDisplay() een argument mee geven met het id dat je wilt verbergen/showen. Het is een functie, dus de variabele naam plaats je tussen de haakjes () en die gebruik je verder in de fnuctie dan in plaats van "display". Bij het aanroepen ervan geef je dan tussen de haakjes de gewenste naam.

Geplaatst: 22 jan 2005, 16:38
door hotrid
Dus ->

Code: Selecteer alles

<a href="#" "onclick="toggleDisplay(2)">KLIK</A><BR>
<p id="2">TEKST</p>
werkt helaas niet.

Geplaatst: 22 jan 2005, 16:41
door mosymuis
Niet als je het binnen de functie zelf ook niet aanpast, nee.