Hintergrundfarbe ändern

Das folgende Javascript erzeugt einen Button mit verschiedenen Farben, die ihr selbst festlegen könnt. Eingeschickt wurde es von unserem User tunit.

Die Farben werden im Array bgarray festgelegt. Statt des englischen Farbwortes könnt ihr natürlich auch den Hexadezimalcode für die Farbe nehmen (Raute davor nicht vergessen – siehe Beispielzeile „Sand“). Die Farbcodes gibt es hier.

<!-- präsentiert von kostenlose-javascripts.de --> <script type='text/javascript'> <!-- var bg_i = 0; var bgarray = new Array(); // Hier könnt ihr die Farben ändern (Farben müssen in englisch sein!) bgarray[bg_i++] = 'red'; bgarray[bg_i++] = 'blue'; bgarray[bg_i++] = 'green'; bgarray[bg_i++] = '#DFDE9C'; // Sand function initBGSwitcher() { document.write('<table width="70" height="20" border="2" bgcolor="darkorange">'); document.write(' <tr>'); for ( var i = 0; i < bg_i; i++ ){ document.write(' <td onclick="bground (\''+bgarray[i]+'\')" style="background-color:'+bgarray[i]+'"></td>'); } document.write(' </tr>'); document.write('</table>'); } function bground(bg) { document.body.style.backgroundColor=bg; } //--> </script> <br /> JavaScript von <a href="http://www.kostenlose-javascripts.de/javascripts/verschiedenes/hintergrundfarbe-aendern/" target="_blank">kostenlose-javascripts.de</a> <br /> <script type="text/javascript">initBGSwitcher();</script> <!-- präsentiert von kostenlose-javascripts.de -->