Änderung der Hinter- und Vordergrundfarbe


Beispiel

    1: <html>
    2: <head>
    3: <title>Hintergrundfarbe und Vordergrundfarbe</title>
    4: <meta name="author" content="Kay-Uwe Jagemann">
    5: <script language=JavaScript>
    6:    function setBackground(farbe) {
    7:       document.bgColor=farbe;
    8:    }
    9:    
   10:    function setForeground(farbe) {
   11:       document.fgColor=farbe;
   12:    }
   13: </script>
   14: </head>
   15: <body>
   16: <h1>&Auml;nderung der Hintergrund- und der Vordergrundfarbe mittels Javascipt</h1>
   17:
   18: <p style="position: absolute; right: 30px; bottom: 30px; background-color:#FFFFE0;">
   19: Hintergrund:
   20: <a href="#bil" onclick="setBackground('ffffff')">wei&szlig;</a>
   21: <a href="#bil" onclick="setBackground('ff0000')">rot</a>
   22: <a href="#bil" onclick="setBackground('00ff00')">gr&uuml;n</a>
   23: <a href="#bil" onclick="setBackground('0000ff')">blau</a>
   24: </p>
   25:
   26: <p style="position: absolute; right: 30px; bottom: 10px; background-color:#FFFFE0;">
   27: Vordergrund:
   28: <a href="#bil" onclick="setForeground('ffffff')">wei&szlig;</a>
   29: <a href="#bil" onclick="setForeground('ff0000')">rot</a>
   30: <a href="#bil" onclick="setForeground('00ff00')">gr&uuml;n</a>
   31: <a href="#bil" onclick="setForeground('0000ff')">blau</a>
   32: </p>
   33:
   34: </body>
   35: </html>

Schule macht Spaß