Hendrik: Javascript und div-Layer

SELF-Forum

Javascript und div-Layer

Hendrik
– Informationen zu den Bewertungsregeln

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

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Javascript und div-Layer

    JürgenB Homepage des Autors
    – Informationen zu den Bewertungsregeln

    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?

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Javascript und div-Layer

      Hendrik - Quellcode
      – Informationen zu den Bewertungsregeln

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

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. Javascript und div-Layer

        JürgenB Homepage des Autors
        – Informationen zu den Bewertungsregeln

        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

        Beitrag melden
        –
        Informationen zu den Bewertungsregeln

        1. Javascript und div-Layer

          HEndrik
          – Informationen zu den Bewertungsregeln

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

          Gruß Hendrik

          Beitrag melden
          –
          Informationen zu den Bewertungsregeln

      2. Javascript und div-Layer

        rfb Homepage des Autors
        – Informationen zu den Bewertungsregeln

        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)
        Beitrag melden
        –
        Informationen zu den Bewertungsregeln

        1. Javascript und div-Layer

          JürgenB Homepage des Autors
          – Informationen zu den Bewertungsregeln

          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.

          Beitrag melden
          –
          Informationen zu den Bewertungsregeln

          1. Javascript und div-Layer

            rfb Homepage des Autors
            – Informationen zu den Bewertungsregeln

            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)
            Beitrag melden
            –
            Informationen zu den Bewertungsregeln

    2. Javascript und div-Layer

      Hendrik-Link
      – Informationen zu den Bewertungsregeln

      http://ecolor.ec.funpic.de/

      da sollte das problem klar werden!

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln