Java Script : Farbwechsel für Hintergrund und Schrift

Zurück zur Java Scripts-Hauptseite.

Dieses Java-Script ermöglicht dem Besucher selber eine Hintergrundfarbe mit passender Schriftfarbe zu wählen.

Folgenden Script-Code in den Body-Bereich der Webseite einfügen:

function farbwechsel(back,text,link) {
document.bgColor = back;
document.fgColor = text;
document.linkColor = link;
document.vlinkColor = link;
}
-->
</script>
<form method="post" name="wechsel">
<table border="1" cellpadding="5" cellspacing="0" rules="rows" bgcolor="#e2e7fa" bordercolor="#FFD000">
<tr>
<td><input type="button" value="weiß" onclick="farbwechsel('#FFFFFF','#005F00','#0000FF')"></td>
<td><input type="button" value="rot" onclick="farbwechsel('#FF0000','#ffffff','#FFFF00')"></td>
<td><input type="button" value="cyan" onclick="farbwechsel('#00FFFF','#ff0000','#000000')"></td>
<td><input type="button" value="grün" onclick="farbwechsel('#00FF00','#000000','#9F0000')"></td>
<td><input type="button" value="gelb" onclick="farbwechsel('#FFFF00','#0000ff','#000000')"></td>
<td><input type="button" value="blau" onclick="farbwechsel('#0000FF','#ffff00','#00FFBF')"></td>
<td><input type="button" value="schwarz" onclick="farbwechsel('#000000','#00ffff','#ffffff')"></td>
<td><input type="button" value="original" onclick="farbwechsel('#000040','#FFFFFF','#e000ff')"></td>
</tr>
</table>
</form>

Die Beschriftungs der Buttons erfolgt z.B. mit value="weiß"

Die eigentlichen Farbwerte werden dann mit der nachfolgenden Funktion onclick="farbwechsel ('#FFFFFF', '#005F00', '#0000FF')" geändert. Das erste ist die Hintergrundfarbe, dann die Textfarbe und als drittes die Linkfarbe.

Zu beachten ist, dass Grafiken und CSS-Farbangaben von diesem Java-Script nicht überschrieben werden können. Die Voreinstellungen für die Seite sollten also, wie mit HTML üblich, im Body-Tag stehen. Eine Hintergrundgrafik darf ebenfalls nicht angegeben werden.

Kontaktformular - Copyrighthinweis und Impressum

zurück zur vorherigen Seite (nur mit Java Script)