[JS] display='none' wat doe ik fout?

Pagina: 1
Acties:
  • 44 views sinds 30-01-2008

  • Koesper
  • Registratie: Maart 2002
  • Laatst online: 31-08 19:58

Koesper

Matched: Blah blah

Topicstarter
Ik probeer een stukje tekst dmv een knop te laten verdwijnen/verschijnen,
maar er gaat ergens wat fout:

als ik 'target' laat echooen dan krijg ik alleen te zien [object] en volgens mij is dat niet wat ik wil...
ennieway, hierna lijkt mn scriptje ook niet verder te gaan...

ziet iemand mijn (domme) fout?

HTML:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<HTML>
<HEAD>
  <script language="JavaScript" type="text/JavaScript">
    function toggle(targetId){
      target = document.all(targetId);
        window.alert('doing something for' + target);
        if (document.all.targetId.style.display == "none"){
            window.alert('invisible > visible');
            document.all.targetId.style.display = "";
          } else {
            window.alert('visble>invisible');
            document.all.targetId.style.display = "none";
        }
    }
  </script>
</head>
<body>
  <a href="javascript:toggle('magic');">click here!</a>
  <div id="magic" style="display:'';">
    let this magic text disapear!
  </div>
</body>
</html>

When I roll my head across my keyboard, it says: aerfcdv5y8iuh7y6t5rf4e3


Verwijderd

Het antwoord is hier al heel vaak gegeven. Spreek je object aan als een array, in javascript zijn dit vrijwel gelijke dingen.

document.all[targetId].style........

Ik zou je script even wat minder Internet Explorer afhankelijk maken, en document.getElementById(targetId).style..... gebruiken.

Dit topic is gesloten.