ben: document.bgColor

Moin,

ich hab hier mal ein kleines Skript zum anzeigen von wechselnen hintergrundfarben gemacht ABER.. ich möchte das nur der hintergrund in einer bestimmten tabelle verändert wird und nciht der hintergrund der gesamten seite..

wie kann ich das steuern?

<script type="text/javascript">
 var aktiv = window.setInterval("hintergrund()", 1000);
 var i = 0;
 var farbe1 = 1;
 var farbe2 = 1;
 function hintergrund ()
 {
  i = i + 1;

if (i >= 5)
  {
   if (farbe1 == 1)
   {
    document.bgColor = "#ffff00";
    farbe1 = 2;
   }
   else
   {
    document.bgColor = "#ffffff";
    farbe1 = 1;
   };
  };

if (i >= 10)
  {
   if (farbe2 == 1)
   {
    document.bgColor = "#ff0000";
    farbe2 = 2;
   }
   else
   {
    document.bgColor = "#ffffff";
    farbe2 = 1;
   };
  };

if (i >= 3600)
   window.clearInterval(aktiv);
 }
</script>

  1. Moin,

    ich hab hier mal ein kleines Skript zum anzeigen von wechselnen hintergrundfarben gemacht ABER.. ich möchte das nur der hintergrund in einer bestimmten tabelle verändert wird und nciht der hintergrund der gesamten seite..

    wie kann ich das steuern?

    Ich denke du wirst den betreffenden Tabellen(zellen) id verpassen müssen (id="XX"), dann kannst die Zelle mit
    document.getElementById('XX').style.bgColor ansprechen.

    Grüße
    Ingo

    1. Moin

      document.getElementById('XX').style.bgColor ansprechen.

      besser: document.getElementById('XX').style.backgroundColor

      (Das SelfHTML-Beispiel, das hier Scriptvorlage war sollte mal überarbeitet werden.)

      Gruß
      rfb

      --
      Man kann einen Menschen nichts lehren, man kann ihm nur helfen, es selbst zu entdecken.
      (Galileo Galilei)
      1. Danke ich lieben habt mir sehr geholen.. so was ähnliches hatte ich mir schon gedacht es funkt mit

        document.getElementById('XX').backgroundColor

        1. Hallo!

          [...] es funkt mit

          document.getElementById('XX').backgroundColor

          Sicher nicht! Du hast das style vergessen:

          document.getElementById('XX').style.backgroundColor

          ciao, w*scnr*w

          --
          They are red and hot
        2. Hallo,

          funkt mit
          document.getElementById('XX').backgroundColor

          Normalerweise dürfte das nicht funktionieren, da „backgroundColor“ zum style-Objekt gehört. Also bräuchtest du doch eher was wie:

          document.getElementById('XX').style.backgroundColor

          mfg. Daniel

    2. Hallo,

      […] dann kannst die Zelle mit
      document.getElementById('XX').style.bgColor ansprechen.

      Nein, CSS kennt keine Eigenschaft namens „bgcolor“, auch in JavaScript nicht. Es gibt aber die gute alte „backgroundColor“.

      mfg. Daniel

  2. Hallo,

    […]ich möchte das nur der hintergrund in einer bestimmten tabelle verändert wird und nciht der hintergrund der gesamten seite..

    wie kann ich das steuern?

    Indem du der Tabelle eine http://de.selfhtml.org/html/attribute/allgemeine.htm#uebersicht@title=ID gibst, auf diese per http://de.selfhtml.org/javascript/objekte/document.htm#get_element_by_id@title=getElementById() zugreifst und die http://de.selfhtml.org/javascript/objekte/style.htm#allgemeines@title=CSS-Eigenschaft änderst, die für die http://de.selfhtml.org/css/eigenschaften/hintergrund.htm#background_color@title=Hintergrundfarbe zuständig ist. Achte dabei auch auf die <http://de.selfhtml.org/javascript/objekte/style.htm#style_eigenschaften@title=speziellen Schreibweisen> von CSS-Eigenschaften in JavaScript.

    mfg. Daniel

  3. Hallo!

    Dein Script ist veraltet, weil du die Hintergrundfarbe nicht per JS steuerst. Nache es besser so:

      
    document.getElementById("Tabelle").style.backgroundColor = "FFFF00";  
    
    

    Du musst noch die id deiner Tabelle angeben und dann hast du dein Script. Allerdings habe ich dieses nicht auf weitere Fehler untersucht.

    Aber willst du das eigentlich wirklich umsetzen? Wegen solchen Spielereien schalte ich JavaScript aus.

    ciao, ww

    --
    They are red and hot
    1. Hallo,

      document.getElementById("Tabelle").style.backgroundColor = "FFFF00";

      
      > Du musst noch die id deiner Tabelle angeben und dann hast du dein Script. Allerdings habe ich dieses nicht auf weitere Fehler untersucht.  
        
      Muss es eventuell heissen "#FFFF00" mit Gartenzaun / Raute?  
        
      Kalle
      
      1. Hallo!

        document.getElementById("Tabelle").style.backgroundColor = "FFFF00";

          
        
        > Muss es eventuell heissen "#FFFF00" mit Gartenzaun / Raute?  
          
        Die genaue Regel kenne ich nicht. Aber es funktioniert beides im Firefox problemlos.  
          
        ciao, ww
        
        -- 
        They are [red](http://www.youtube.com/watch?v=iwn9BpEtB4Q) and [hot](http://www.youtube.com/watch?v=gA6HoydnmAA)
        
        1. Hallo wucher.

          document.getElementById("Tabelle").style.backgroundColor = "FFFF00";

          
          >   
          > > Muss es eventuell heissen "#FFFF00" mit Gartenzaun / Raute?  
          >   
          > Die genaue Regel kenne ich nicht. Aber es funktioniert beides im Firefox problemlos.  
            
          Da ist dieser anscheinend recht fehlertolerant. Für die hexadezimale Farbangabe ist die führende Raute zwingend erforderlich.  
            
            
          Einen schönen Donnerstag noch.  
            
          Gruß, Mathias  
          
          -- 
          ie:% fl:| br:< va:) ls:& fo:) rl:( n4:~ ss:) de:] js:| mo:| zu:)  
            
          debian/rules
          
          1. Hallo!

            Da ist dieser anscheinend recht fehlertolerant. Für die hexadezimale Farbangabe ist die führende Raute zwingend erforderlich.

            Danke schön! Das wusste ich nicht. Vielen Dank!

            ciao, ww

            --
            They are red and hot
        2. Hallo,

          Muss es eventuell heissen "#FFFF00" mit Gartenzaun / Raute?

          Die genaue Regel kenne ich nicht.

          Du weißt nicht, wie man <http://de.selfhtml.org/css/formate/wertzuweisung.htm#farben@title=Farben in CSS> angibt?

          Aber es funktioniert beides im Firefox problemlos.

          Aber nur im Ratemodus (Quirksmode).

          Im standardkonformen Modus musst du Farben richtig definieren (also mit „#“, „rgb()“ oder als Farbname) sonst klappt's nicht!

          mfg. Daniel