1. Weiterleitung zu NetzLiving.de
  2. Forum
    1. Unerledigte Themen
  3. zum neuen Forum
  • Anmelden
  • Suche
Dieses Thema
  • Alles
  • Dieses Thema
  • Dieses Forum
  • Seiten
  • Forum
  • 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
Hallo zusammen,

das Informatik-Forum geht in den Archivmodus, genaue Informationen kann man der entsprechenden Ankündigung entnehmen. Als Dankeschön für die Treue bekommt man von uns einen Gutscheincode (informatikforum30) womit man bei netzliving.de 30% auf das erste Jahr sparen kann. (Genaue Infos sind ebenfalls in der Ankündigung)

Vielen Dank für die Treue und das Verständnis!
  • davewood
    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

  • 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
    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

  • davewood
    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

  • davewood
    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 :)

  • Maximilian Rupp 27. Dezember 2024 um 12:06

    Hat das Thema aus dem Forum Programmieren nach Entwicklung verschoben.

  1. Datenschutzerklärung
  2. Impressum