Farbauswahlliste im Browser mit farbiger Hinterlegung

In dem Artikel ‚Datenbank mit Sonderfarben und deren CMYK-, RGB- und HSB-Entsprechung‘ habe ich beschrieben, wie man sich selber eine Datenbank mit Sonderfarben anlegen kann und dazu die quarkinternen Farbeigenschaften nutzt. Aber was nutzen all die tollen Farben, wenn man nur ein tristes HMTL-Auswahlmenü erzeugt?

Es geht auch schöner und für den Benutzer intuitiver, nämlich mit einer eingefärbten Dropdown Liste:

Farbauswahl im Browser

Farbauswahl im Browser

Im Anhang gibt es ein Zip mit allen notwendigen Dateien. Das Script setzt eine gefüllte MySQL-Datenbank, wie hier beschrieben, voraus.

Einstellungen, die in dem Script vorgenommen werden müssen:

    colorselector.php

  • Stellen Sie die Zugangsdaten zur MySQL im Scriptbereich ‚Datenbanklogin‘ auf die Zugangswerte Ihrer DB ein. Vergessen Sie dabei nicht, auch die zu benutzende Datenbank anzugeben.

Das Script setzt die Javascript-Bibliothek jQuery ein. Zur Steuerung der Auswahlliste habe ich das jQuery-Plugin selectCombo benutzt und es in Zeile 84 modifiziert, damit dem Option-Tag die notwendigen Style-Informationen übergeben werden können.

Hinweis: Beachten Sie die lizenrechtlichen Angaben der Farbsystem-Hersteller bei der Verwendung dieses Scriptes. Insbesondere was rechtliche Fragen zur Konvertierung und Verwendung in anderer Software anbelangt.


~28KB
Script zum Auslesen der Farben aus der Datenbank
jQuery
modifiziertes jQuery-Plugin ’selectCombo‘

Automatisierung, Coding, CSS, Download, jQuery, Webapplication, Webentwicklung