Box anzeigen / ausblenden

  • Was stimmt an dem folgenden Code nicht?


    JavaScript
    1. <script type="text/javascript">function change(id) { if (document.getElementById(id).style.display != 'none') { document.getElementById(id).style.display = 'block'; } else { document.getElementById(id).style.display = 'none'; }return true;}
    2. </script>
    3. <a onClick="change('test')" href="#"> Test-DIV öffnen! </a> <br /><div id="test" style="display:none;"> Test Test Test </div>


    Google Chrome macht die Absätze immer weg. :( Also hier ohne Syntaxhighlighting mit Absätzen:



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


    </script>


    <a onClick="change('test')" href="#"> Test-DIV öffnen! </a> <br />
    <div id="test" style="display:none;"> Test Test Test </div>

  • getElementById(id)


    Die ist ID ist bei dir nicht ID sondern Test.


    getElementById(test) ?!
    Habe es nicht getestet.

  • du fragst ob es ungleich none ist fals nein ändere es zu none? (mit anderen worten wenn display none ist dann ändere es zu none)

  • und ich idi übersehe das id="" ... xD
    Früh am Morgen sollte man das denken sein lassen :p

  • Sonst wäre es wenn überhaupt auch getElementById('test') sonst wird Test als Variable genutzt. ;)