startseitekatalogpraxiswerkzeugeressourcenmagazingrammiweb

(Stand: 31.01.25, Adresse: http://www.grammiweb.de/javascript/java386.shtml)

 

Textfarbe interaktiv gestalten

Interaktivität wird häufig in Verbindung mit beliebten Webseiten genannt. Warum sollte also nicht die onclick-Funktion genutzt werden, um die eigenen Seiten ein wenig dynamischer zu gestalten?

Dazu werden Schaltflächen angezeigt, deren Anklicken die Textfarbe in vorgegebener Weise ändert. Im Script haben wir 4 Varianten verwendet, Sie können sie leicht durch Hinzufügen oder Entfernen der <input type="button..."-Zeilen variieren.

In diesen Zeilen können Sie unter value= die Beschriftung des Buttons und unter onclick= die gewünschte Farbe vorgeben. Im Script haben wir Farbnamen verwendet, Sie können natürlich auch die hexadezimalen Werte einsetzen. Der Farbschieber unterstützt Sie dabei bei der Ermittlung der richtigen Farbe.

JavaScript

Onlinedemo Quellcode

Konfigurator Infos

Zurück zum Inhaltsverzeichnis

[an error occurred while processing this directive] [an error occurred while processing this directive]