Hendrik: Javascript und div-Layer

Hi!
Habe nen kleines Problem! habe in meiner index.html nen javascript was den hintergrund von 2 div layern ändern soll die halt wiederum in ner css-datei beschrieben werden! Funktioniert alles super, nur das das ganze immer nichtmal ne sec. stehen bleibt und dann der ursprungsbildschirm wieder auftaucht!

Bitte um Hilfe bin hier am verzweifeln!!

Danke

Hendrik

  1. Hallo Hendrik,

    Bitte um Hilfe bin hier am verzweifeln!!

    Wenn ich Dir jetzt helfen müsste, wäre ich auch am verzweifeln. In Deiner Anfrage habe ich keinen Fehler entdeckt.

    Aber jetzt mal im Ernst: ohne einen Link auf Deine Seite oder etwas Code wird man Dir kaum helfen können.

    Gruß, Jürgen

    PS Ich rate doch mal: suchst Du http://de.selfhtml.org/javascript/objekte/window.htm#set_timeout?

    1. <script type="text/javascript">
       <!--
       var b = new Array();
       b[0] = new Image(); b[0].src = "comic.jpg";

      function ch_color(link)
       {
        if(link==1){document.getElementById('unten_re').style.backgroundColor = "#c10b0b";
           document.getElementById('main1').src =  b[0].src;}

      if(link==2){document.getElementById('unten_re').style.backgroundColor = "#0c5d87";}

      if(link==3){document.getElementById('unten_re').style.backgroundColor = "#1a8412";}

      if(link==4){document.getElementById('unten_re').style.backgroundColor = "white";}

      if(link==5){document.getElementById('unten_re').style.backgroundColor = "#c7117c";}
       }

      //-->
       </script>
       <link href="style.css" rel="stylesheet" type="text/css" />
      </head>

      <body bgcolor="#FFFFFF" background="scan.png">

      <div id="rahmen">
      <div id="oben"></div>
      <div id="oben-re"></div>
      <div id="main" ><img width="700" height="400" src="" id="main1"></div>
      <div id="menu"  > <a href="" onClick="ch_color(1)">Home</a><br />
             <a href="" onClick="ch_color(2)">About Me</a><br />
             <a href="" onClick="ch_color(3)">Hobbys</a><br />
             <a href="" onClick="ch_color(4)">Guestbook</a><br />
             <a href="" onClick="ch_color(5)">Contact</a> </div>
      <div id="unten" ></div>
      <div id="unten_re"></div>
      </div>
      </body>
      </html>

      1. Hallo Hendrik,

        <div id="menu"  > <a href="" onClick="ch_color(1)">Home</a><br />
               <a href="" onClick="ch_color(2)">About Me</a><br />
               <a href="" onClick="ch_color(3)">Hobbys</a><br />
               <a href="" onClick="ch_color(4)">Guestbook</a><br />
               <a href="" onClick="ch_color(5)">Contact</a> </div>

        nach dem Klick wird die Seite neu geladen. Beende mal den onclick-Handler mit einem return false, dann sollte es gehen:

        <a href="" onClick="ch_color(2);return false">About Me</a>

        Gruß, Jürgen

        1. Super nochmal großes DANKESCHÖN an alle! Klappt alles wonderbra!

          Gruß Hendrik

      2. Moin

        kann es daran liegen, dass die Seite neugeladen wird, des Links wegen?

        Evtl. hilft es die Funktion etwas zu ändern

        function ch_color(link) {  
        var farben=["#c10b0b","#0c5d87","#1a8412","#fff","#c7117c"];  
        var ure=document.getElementById('unten_re'),main1=document.getElementById('main1');  
        if (ure) {  
         if (link==1 && main1) main1.src=b[0].src;  
         ure.style.backgroundColor = farben[(link-1)%farben.length];  
        }  
        return false;  
        }
        

        Das return false sollte die Ausführung des Links verhindern.

        Gruß
        rfb

        --
        Man kann einen Menschen nichts lehren, man kann ihm nur helfen, es selbst zu entdecken.
        (Galileo Galilei)
        1. Hallo rfb,

          Das return false sollte die Ausführung des Links verhindern.

          bei dieser Konstruktion muss aber, glaube ich, im Eventhandler "return ch_color(link)" stehen.

          Gruß, Jürgen

          PS auf http://www.esta-ruppin.de/ sind noch irgendwelche Debug-Alerts.

          1. Moin

            PS auf http://www.esta-ruppin.de/ sind noch irgendwelche Debug-Alerts.

            Puh, danke (schon sind se weg)

            Gruß
            rfb

            --
            Man kann einen Menschen nichts lehren, man kann ihm nur helfen, es selbst zu entdecken.
            (Galileo Galilei)
    2. http://ecolor.ec.funpic.de/

      da sollte das problem klar werden!