Gruppen

Top Gruppen: Windows 7; Windows Vista; Windows XP; Textverarbeitung; Excel; DSL; Internet Browser; E-Mail/Outlook
Betriebsysteme: Windows classik; Linux; BS-Sonstige
Software: Datenbanken; Bildbearbeitung; Audio/mp3/Video; Security/Viren; SW-Sonstige
Hardware: Mainboard/CPU; Grafikkarten; Peripherie; Laptop/Notebook; HW-Sonstiges
Netzwerk: Telefon,ISDN,Modem; W-Lan; NW-Sonstiges
Programmierung: PHP,ASP,Perl...; Java,C++...; Webseiten/HTML
Sonstiges: PC-Sonstiges; Plauderecke; SN Intern; Test

/ Forum / Webseiten/HTML

Webseiten/HTML

Fragevon Computerfreaki vom 01.07.2020, 12:32 Options

Schriftfarbe im Stylesheet über JavaScript ändern

Hallo alle zusammen,
mir ist mal wieder was für meine HP eingefallen.
Ich habe mir bereits eine Auswahlliste mit 10 verschiedenen Farben erstellt so in diesem Schema


<select>
<option value="black">Schwarz</option>
<option value="red">Rot</option>
<option value="blue">Blau</option>
...
</select>

Jetzt möchte ich in meinem Stylesheet :


body {
background:#8b8b8b;
color:#303030;
font:76% Verdana,Tahoma,Arial,sans-serif;
margin:0;
padding:0;
text-align:center;
}
blablablablablablablablablabla

Die Textfarbe nach der Auswahlliste ändern.
Ich hab mal irgendwas mit cssrules gehört aber ich weiß nicht wie das funktioniert.
Kann man sowas mit JavaScript realisieren ???

P.S. Ich wollte eigentlich nicht für jede Schriftfarbe einen Stylesheet erstellen

Antwort schreiben

Antwort 1 von son_quatsch vom 01.07.2020, 13:11 Options

Das änderst du aber nicht im Stylesheet (welches einmalig ausgewertet wird), sondern wann immer der Nutzer es halt will (also mehrfach). Es ist eine reine JavaScript-Aufgabe:

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html><head>
	<title>frage</title>
	<script type="text/javascript">
		function farbe() {
			var e= document.getElementById('auswahl');
			if (e.selectedIndex== -1) return;
			document.getElementsByTagName('body')[0].style.color= e.options[e.selectedIndex].value;
			return;
		}
	</script>
</head><body>
beispieltext
	<select id="auswahl" onchange="farbe();">
		<option value="black">Schwarz</option>
		<option value="red">Rot</option>
		<option value="blue">Blau</option>
	</select>
</body></html>

Antwort 2 von Computerfreaki vom 01.07.2020, 21:11 Options

Vielen Dank für deine Antwort ;-)

Hinweis

Diese Frage ist schon etwas älter, Sie können daher nicht mehr auf sie antworten. Sollte Ihre Frage noch nicht gelöst sein, stellen Sie einfach eine neue Frage im Forum..

Neue Einträge

Tipp einschicken

News einschicken