Ich habe dieses jquery-Skript, das die Farbe des Hintergrunds sofort ändert, indem ein Farbcode in das Textfeld eingegeben wird. Das Arbeitsbeispiel befindet sich unten im JSFiddle-Link.
aber anstelle des Eingabefeldes wollte ich eine benutzerdefinierte Farbe für die Farbauswahl verwenden, weil ich nicht möchte, dass Benutzer mit Hex-Code (genau wie Twitter) umgehen. Das jquery-Plugin, das ich benutzen möchte, finden Sie unter
Im unteren Bereich der Seite befindet sich der übersichtliche Farbwähler mit DOM-Element.
Das Problem ist also, wie soll ich vom Eingabetyp zum Farbwähler div wechseln. Danke:))
Nur als weitere Referenz ... HTML5 enthält bereits "color" als Eingabetyp.
%Vor%Außerdem können Sie einen CSS-Stil anwenden mit:
%Vor%Nun, für die Hauptfrage ... können Sie den Farbwert erfassen, um die bg-Farbe mit einem einfachen Skript zu ändern. Live-Beispiel: Ссылка
Ich habe das gleiche Problem und unten ist meine Lösung.
editiere colorpicker.js Zeile 96
von
cal.data ('colorpicker'). onChange.apply (cal, [col, HSBToHex (col), HSBToRGB (col)]);
bis
cal.data ('colorpicker'). onChange.apply (cal, [col, HSBToHex (col), HSBToRGB (col), cal.data ('colorpicker') .el]);
bei Änderungsereignis anstelle von onChange: function (hsb, hex, rgb) ...
bis
onChange: Funktion (hsb, hex, rgb, el) {
$ (el) .val ('#' + hex);
}
Tags und Links javascript html jquery css colors