1. Dashboard
  2. Forum
    1. Unerledigte Themen
  3. Mitglieder
    1. Letzte Aktivitäten
    2. Benutzer online
    3. Team-Mitglieder
    4. Trophäen
    5. Mitgliedersuche
  4. Tutorial Bereich
  • Anmelden
  • Registrieren
  • Suche
Dieses Thema
  • Alles
  • Dieses Thema
  • Dieses Forum
  • Seiten
  • Forum
  • Lexikon
  • Erweiterte Suche
  1. Informatik Forum
  2. Webmaster & Internet
  3. Entwicklung

element verstecken und später mit javascript anzeigen

    • Frage
  • davewood
  • 4. Juni 2006 um 21:29
  • Unerledigt
  • davewood
    17
    davewood
    Mitglied
    Reaktionen
    9
    Punkte
    3.204
    Beiträge
    536
    • 4. Juni 2006 um 21:29
    • #1

    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!

  • Paulchen
    1
    Paulchen
    Gast
    • 4. Juni 2006 um 22:31
    • #2
    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.

  • davewood
    17
    davewood
    Mitglied
    Reaktionen
    9
    Punkte
    3.204
    Beiträge
    536
    • 5. Juni 2006 um 09:53
    • #3

    Hatte genau diese Lösung, nur ...

    ... jetzt wo ichs im HTML tag direkt reingeschrieben habe gehts, vorher wars in nem externen CSS file da gings nicht.

    danke

    I like Toast!

  • davewood
    17
    davewood
    Mitglied
    Reaktionen
    9
    Punkte
    3.204
    Beiträge
    536
    • 5. Juni 2006 um 10:04
    • #4

    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!

  • davewood
    17
    davewood
    Mitglied
    Reaktionen
    9
    Punkte
    3.204
    Beiträge
    536
    • 5. Juni 2006 um 10:54
    • #5

    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!

  • Maximilian Rupp 27. Dezember 2024 um 12:06

    Hat das Thema aus dem Forum Programmieren nach Entwicklung verschoben.

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden

Benutzer online in diesem Thema

  • 1 Besucher

Rechtliches

Impressum

Datenschutzerklärung