element verstecken und später mit javascript anzeigen

  • Es will einfach ned so wie ich will.

    Anfangs soll die site recht nackert sein und später will ich auf knopfdruck ein Element anzeigen.

    zu diesem zweck hab ich ein div mit style display:none

    später frag ich nach ob element.style.display != 'none' und wills dann anzeigen.

    Aber display ist nie gesetzt.

    krampf

    I like Toast!

  • HTML
    <script type="text/javascript">
    <!--
    function switch_visibility() {
            div=document.getElementById("bla");
            div.style.display=div.style.display=="block" ? "none" : "block";
    }
    // -->
    </script>
    <a href="javascript:switch_visibility();">show/hide</a><br />
    <div id="bla" style="display: none;">foo</div>

    Gerade getestet mit Internet Explorer 6, Firefox 1.5.0.4, Opera 8.54 und Konqueror 3.5.3.

  • Was jedoch immer noch nicht funktioniert ist folgendes:

    Code
    if (element.style.display != 'none')
       fadeout(element, 500); // duration 500 ms
    var ajax;
    setTimeout(
    "ajax = new Ajax.Request (
          ...
          onComplete: fadein(element);
       )",
       600
    );

    Ist jetzt nur Pseudocode, Sinn soll sein:

    Wenn Element sichtbar ist, dann ausblenden, dann mittels Ajax neuen Content holen und wenn der Ajax Request retourkommt wieder einblenden.

    Aber leider wird der fadein effekt nicht erst nach dem onComplete Event ausgeführt sondern gleich nachdem das Timeout vorbei ist.

    es is ein Krampf :)

    david

    I like Toast!

  • okay, wie immer ist es meine schuld, is aber auch so ein chaos alles zusammen.

    Element.hide() lässt sich natürlich nicht mit Element.style.display = "block"

    aufheben

    naja :)

    I like Toast!

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!