Farbeinstellung

Die einfache Einstellung des Seitenhindergrundes sowie der Textfarbe.

Mit den Buttons + und - wird die Farbe jeweils in 8er Schritten eingestellt.
Man kann aber auch schon eine Farbe vorgeben und diese dann durch + und - verändern.
Der Farbcode wird dann oben ausgegeben.
Ein Stylesheet kann dann jedoch nur eingebunden werden, wenn keine Informationen für einen Hintergrund vorliegen.

Hier gehts zur Demo

HTML-Einbindung
   <SCRIPT LANGUAGE="JavaScript">    </script>  <form name="Interface"> <table border="0" cellspacing="4" cellpadding="4" bgcolor="#EEEEEA" style="border-collapse: collapse" bordercolor="#111111"> <tr> <td colspan="3" align="center"> </td> <td align="center"> <font face="Arial" style="font-size: 8pt">HEX-Codes</font></td> <td colspan="2" align="center"> </td> <td align="center"> <font face="Arial" style="font-size: 8pt">HEX-Codes</font></td> </tr> <tr> <td colspan="3" align="center"> <font face="Arial" style="font-size: 8pt">Hintergrund</font></td> <td align="center"> <font face="Arial" style="font-size: 8pt"> <input type="text" name="bgHex" onKeyup="setBGHex(this.value)" size="20"></font></td> <td colspan="2" align="center"> <font face="Arial" style="font-size: 8pt">Vordergrund</font></td> <td align="center"> <font face="Arial" style="font-size: 8pt"> <input type="text" name="fgHex" onKeyup="setFGHex(this.value)" size="20"></font></td> </tr> <tr> <td colspan="3"> </td> <td align="center"> <font face="Arial" style="font-size: 8pt">RGB-Codes</font></td> <td colspan="2" align="center"> </td> <td align="center"> <font face="Arial" style="font-size: 8pt">RGB-Codes</font></td> </tr> <tr> <td> <font face="Arial" style="font-size: 8pt">Rot</font></td> <td> <font face="Arial" style="font-size: 8pt"> <input type="button" value=" + " onClick="incrementRed(true)"></font></td> <td> <font face="Arial" style="font-size: 8pt"> <input type="button" value=" - " onClick="decrementRed(true)"></font></td> <td align="center"> <font face="Arial" style="font-size: 8pt"> <input type="text" name="red" onKeyup="setRed(this.value, true)" size="20"></font></td> <td align="center"> <font face="Arial" style="font-size: 8pt"> <input type="button" value=" + " onClick="incrementRed(false)"></font></td> <td align="center"> <font face="Arial" style="font-size: 8pt"> <input type="button" value=" - " onClick="decrementRed(false)"></font></td> <td align="center"> <font face="Arial" style="font-size: 8pt"> <input type="text" name="redFG" onKeyup="setRed(this.value, false)" size="20"></font></td> </tr> <tr> <td> <font face="Arial" style="font-size: 8pt">Grün</font></td> <td> <font face="Arial" style="font-size: 8pt"> <input type="button" value=" + " onClick="incrementGreen(true)"></font></td> <td> <font face="Arial" style="font-size: 8pt"> <input type="button" value=" - " onClick="decrementGreen(true)"></font></td> <td align="center"> <font face="Arial" style="font-size: 8pt"> <input type="text" name="green" onKeyup="setGreen(this.value, true)" size="20"></font></td> <td align="center"> <font face="Arial" style="font-size: 8pt"> <input type="button" value=" + " onClick="incrementGreen(false)"></font></td> <td align="center"> <font face="Arial" style="font-size: 8pt"> <input type="button" value=" - " onClick="decrementGreen(false)"></font></td> <td align="center"> <font face="Arial" style="font-size: 8pt"> <input type="text" name="greenFG" onKeyup="setGreen(this.value, false)" size="20"></font></td> </tr> <tr> <td> <font face="Arial" style="font-size: 8pt">Blau</font></td> <td> <font face="Arial" style="font-size: 8pt"> <input type="button" value=" + " onClick="incrementBlue(true)"></font></td> <td> <font face="Arial" style="font-size: 8pt"> <input type="button" value=" - " onClick="decrementBlue(true)"></font></td> <td align="center"> <font face="Arial" style="font-size: 8pt"> <input type="text" name="blue" onKeyup="setBlue(this.value, true)" size="20"></font></td> <td align="center"> <font face="Arial" style="font-size: 8pt"> <input type="button" value=" + " onClick="incrementBlue(false)"></font></td> <td align="center"> <font face="Arial" style="font-size: 8pt"> <input type="button" value=" - " onClick="decrementBlue(false)"></font></td> <td align="center"> <font face="Arial" style="font-size: 8pt"> <input type="text" name="blueFG" onKeyup="setBlue(this.value, false)" size="20"></font></td> </tr> </table> </form> </center>

Hier kannst Du Dir das Javascript einfach per eMail zusenden lassen.

Mail:

Name:

Abo
Wenn Du den Newsletter beziehen möchtest, klicke bitte in das Feld "Abo"