falke: Timeout springt nicht an

Hallo Leute,

ich möcht das nach zwei Sekunden der div verschwindet aber leider startet der Timeout nicht.

<div id ="content2" style="display:none"; width:320px; height:240px">Hier ist das erste Kapitel
<script language="JavaScript" type="text/javascript">
<!--
if (document.getElementById("content2").style.display == 'block'){
setTimeout('weg()',2000);
}
function weg() {
document.getElementById("content2").style.display = "none";
document.getElementById("content3").style.display = "block";
}
//-->
</script>

mfg falke

  1. Sup!

    <div id ="content2" style="display:none"; width:320px; height:240px">Hier ist das erste Kapitel

    if (document.getElementById("content2").style.display == 'block'){
    setTimeout('weg()',2000);

    MÖÖÖÖP!

    Der Display-Style ist "none". Die Funktion soll bei "block" anspringen. Tut sie natürlich nicht. So what?

    Gruesse,

    Bio

    --
    Never give up, never surrender!!!
    1. das ganze ding sieht so aus: is nich viel unten stehen die funktionen

      <div id ="content1" style="display:block"; width:300px; height:100px">

      Erklärung:

      <input type="button" value="weiter1" onClick="da()">
      </div>

      <div id ="content2" style="display:none"; width:320px; height:240px">Hier ist das erste Kapitel
      <script language="JavaScript" type="text/javascript">
      <!--
      function weg() {
      document.getElementById("content2").style.display = "none";
      document.getElementById("content3").style.display = "block";
      }
      if (document.getElementById("content2").style.display == 'block'){
      setTimeout('weg()',2000);
      }

      //-->
      </script>

      <input type="button"  value="weiter2" onClick="daa()">
      </div>

      <div id ="content3" style="display:none"; width:320px; height:240px">Hier ist das zweite Kapitel
      <script language="JavaScript" type="text/javascript">
      <!--

      //-->
      </script>

      <input type="button" value="weiter3" onClick="daaa()">
      </div>

      <div id="content4" style="display:none"; width:320px; height:240px">Der Test ist beendet
      </div>

      </body>
      </html>
      <script language="JavaScript" type="text/javascript">
      <!--
      function da(){

      document.getElementById("content1").style.display = "none";
        document.getElementById("content2").style.display = "block";
      }
      function daa(){
      document.getElementById("content2").style.display = "none";
      document.getElementById("content3").style.display = "block";
      }
      function daaa(){
      document.getElementById("content3").style.display = "none";
      document.getElementById("content4").style.display = "block";
      }
      //-->
      </script>

      mfg falke

      1. Vor dem Timeout sollte das korrekte Objekt stehen, dann funzts:

        window.setTimeout("irgentwas()",1000)

        Beste Grüße
        Sebastian

        1. hi,

          leider funkt dit so nicht.

          hat vielleicht noch jemand eine idee?

          mfg falke

          1. Sup!

            Du solltest auch darüber nachdenken, wann diese if-Abfrage überhaupt gemacht wird und wann der Timer überhaupt aufgesetzt wird.

            Gruesse,

            Bio

            --
            Never give up, never surrender!!!
      2. hi,

        das ganze ding sieht so aus: is nich viel unten stehen die funktionen

        warum knallst du uns jetzt mit einem deutlich zwischen den zeilen herauslesbaren "macht mal" dein komplettes script hier rein?

        Bio hat dir doch gesagt, warum es so nicht funktioniert, und was geändert werden müsste - also warum _machst_ du es nicht einfach ...?

        gruß,
        wahsaga

        --
        /voodoo.css:
        #GeorgeWBush { position:absolute; bottom:-6ft; }