1 |
|
---|
2 | $(function() {
|
---|
3 |
|
---|
4 | var colorpickerInput = $("#full");
|
---|
5 |
|
---|
6 |
|
---|
7 | function toggleButtonState() {
|
---|
8 | var options = colorpickerInput.spectrum("option");
|
---|
9 | $(".toggleBtn").each(function() {
|
---|
10 | $(this).toggleClass("active", !!options[$(this).data("rule")]);
|
---|
11 | });
|
---|
12 | }
|
---|
13 |
|
---|
14 | $(document).on("click", ".toggleBtn", function() {
|
---|
15 | var option = $(this).data("rule");
|
---|
16 | var existing = colorpickerInput.spectrum("option", option);
|
---|
17 |
|
---|
18 | colorpickerInput.spectrum("option", option, !existing);
|
---|
19 | toggleButtonState();
|
---|
20 | });
|
---|
21 |
|
---|
22 | colorpickerInput.spectrum({
|
---|
23 | color: "#ECC",
|
---|
24 | flat: true,
|
---|
25 | showInput: true,
|
---|
26 | className: "full-spectrum",
|
---|
27 | showInitial: true,
|
---|
28 | showPalette: true,
|
---|
29 | showSelectionPalette: true,
|
---|
30 | maxPaletteSize: 10,
|
---|
31 | preferredFormat: "hex",
|
---|
32 | localStorageKey: "spectrum.example",
|
---|
33 | move: function (color) {
|
---|
34 | },
|
---|
35 | show: function () {
|
---|
36 |
|
---|
37 | },
|
---|
38 | beforeShow: function () {
|
---|
39 |
|
---|
40 | },
|
---|
41 | hide: function (color) {
|
---|
42 | },
|
---|
43 |
|
---|
44 | palette: [
|
---|
45 | ["rgb(0, 0, 0)", "rgb(67, 67, 67)", "rgb(102, 102, 102)", /*"rgb(153, 153, 153)","rgb(183, 183, 183)",*/
|
---|
46 | "rgb(204, 204, 204)", "rgb(217, 217, 217)", /*"rgb(239, 239, 239)", "rgb(243, 243, 243)",*/ "rgb(255, 255, 255)"],
|
---|
47 | ["rgb(152, 0, 0)", "rgb(255, 0, 0)", "rgb(255, 153, 0)", "rgb(255, 255, 0)", "rgb(0, 255, 0)",
|
---|
48 | "rgb(0, 255, 255)", "rgb(74, 134, 232)", "rgb(0, 0, 255)", "rgb(153, 0, 255)", "rgb(255, 0, 255)"],
|
---|
49 | ["rgb(230, 184, 175)", "rgb(244, 204, 204)", "rgb(252, 229, 205)", "rgb(255, 242, 204)", "rgb(217, 234, 211)",
|
---|
50 | "rgb(208, 224, 227)", "rgb(201, 218, 248)", "rgb(207, 226, 243)", "rgb(217, 210, 233)", "rgb(234, 209, 220)",
|
---|
51 | "rgb(221, 126, 107)", "rgb(234, 153, 153)", "rgb(249, 203, 156)", "rgb(255, 229, 153)", "rgb(182, 215, 168)",
|
---|
52 | "rgb(162, 196, 201)", "rgb(164, 194, 244)", "rgb(159, 197, 232)", "rgb(180, 167, 214)", "rgb(213, 166, 189)",
|
---|
53 | "rgb(204, 65, 37)", "rgb(224, 102, 102)", "rgb(246, 178, 107)", "rgb(255, 217, 102)", "rgb(147, 196, 125)",
|
---|
54 | "rgb(118, 165, 175)", "rgb(109, 158, 235)", "rgb(111, 168, 220)", "rgb(142, 124, 195)", "rgb(194, 123, 160)",
|
---|
55 | "rgb(166, 28, 0)", "rgb(204, 0, 0)", "rgb(230, 145, 56)", "rgb(241, 194, 50)", "rgb(106, 168, 79)",
|
---|
56 | "rgb(69, 129, 142)", "rgb(60, 120, 216)", "rgb(61, 133, 198)", "rgb(103, 78, 167)", "rgb(166, 77, 121)",
|
---|
57 | /*"rgb(133, 32, 12)", "rgb(153, 0, 0)", "rgb(180, 95, 6)", "rgb(191, 144, 0)", "rgb(56, 118, 29)",
|
---|
58 | "rgb(19, 79, 92)", "rgb(17, 85, 204)", "rgb(11, 83, 148)", "rgb(53, 28, 117)", "rgb(116, 27, 71)",*/
|
---|
59 | "rgb(91, 15, 0)", "rgb(102, 0, 0)", "rgb(120, 63, 4)", "rgb(127, 96, 0)", "rgb(39, 78, 19)",
|
---|
60 | "rgb(12, 52, 61)", "rgb(28, 69, 135)", "rgb(7, 55, 99)", "rgb(32, 18, 77)", "rgb(76, 17, 48)"]
|
---|
61 | ]
|
---|
62 | });
|
---|
63 |
|
---|
64 | $("#size").change(function() {
|
---|
65 | var size = Math.min(500, Math.max(50, $(this).val()));
|
---|
66 | $(".sp-picker-container").width(size);
|
---|
67 |
|
---|
68 | colorpickerInput.spectrum("reflow");
|
---|
69 | });
|
---|
70 |
|
---|
71 | $("#huesize").change(function() {
|
---|
72 | var size = Math.min(80, Math.max(5, $(this).val()));
|
---|
73 |
|
---|
74 | $(".sp-hue").css("left", (103 - size) + "%");
|
---|
75 | $(".sp-color").css("right", size + "%");
|
---|
76 | $(".sp-fill").css("padding-top", (100 - size) + "%");
|
---|
77 |
|
---|
78 | colorpickerInput.spectrum("reflow");
|
---|
79 | });
|
---|
80 |
|
---|
81 | toggleButtonState();
|
---|
82 |
|
---|
83 | });
|
---|
84 |
|
---|
85 |
|
---|
86 |
|
---|
87 | var palettes = { };
|
---|
88 |
|
---|
89 |
|
---|
90 | palettes.newGmail = [["#000","#444","#666","#999","#ccc","#eee","#f3f3f3","#fff"],["#f00","#f90","#ff0","#0f0","#0ff","#00f","#90f","#f0f"],["#f4cccc","#fce5cd","#fff2cc","#d9ead3","#d0e0e3","#cfe2f3","#d9d2e9","#ead1dc"],["#ea9999","#f9cb9c","#ffe599","#b6d7a8","#a2c4c9","#9fc5e8","#b4a7d6","#d5a6bd"],["#e06666","#f6b26b","#ffd966","#93c47d","#76a5af","#6fa8dc","#8e7cc3","#c27ba0"],["#c00","#e69138","#f1c232","#6aa84f","#45818e","#3d85c6","#674ea7","#a64d79"],["#900","#b45f06","#bf9000","#38761d","#134f5c","#0b5394","#351c75","#741b47"],["#600","#783f04","#7f6000","#274e13","#0c343d","#073763","#20124d","#4c1130"]];
|
---|
91 |
|
---|
92 | palettes.default = [
|
---|
93 | ["#000000", "#434343", "#666666", "#999999", "#b7b7b7", "#cccccc", "#d9d9d9", "#efefef", "#f3f3f3", "#ffffff"],
|
---|
94 | ["#980000", "#ff0000", "#ff9900", "#ffff00", "#00ff00", "#00ffff", "#4a86e8", "#0000ff", "#9900ff", "#ff00ff"],
|
---|
95 | ["#e6b8af", "#f4cccc", "#fce5cd", "#fff2cc", "#d9ead3", "#d9ead3", "#c9daf8", "#cfe2f3", "#d9d2e9", "#ead1dc"],
|
---|
96 | ["#dd7e6b", "#ea9999", "#f9cb9c", "#ffe599", "#b6d7a8", "#a2c4c9", "#a4c2f4", "#9fc5e8", "#b4a7d6", "#d5a6bd"],
|
---|
97 | ["#cc4125", "#e06666", "#f6b26b", "#ffd966", "#93c47d", "#76a5af", "#6d9eeb", "#6fa8dc", "#8e7cc3", "#c27ba0"],
|
---|
98 | ["#a61c00", "#cc0000", "#e69138", "#f1c232", "#6aa84f", "#45818e", "#3c78d8", "#3d85c6", "#674ea7", "#a64d79"],
|
---|
99 | ["#85200c", "#990000", "#b45f06", "#bf9000", "#38761d", "#134f5c", "#1155cc", "#0b5394", "#351c75", "#741b47"],
|
---|
100 | ["#5b0f00", "#660000", "#783f04", "#7f6000", "#274e13", "#0c343d", "#1c4587", "#073763", "#20124d", "#4c1130"]
|
---|
101 | ];
|
---|
102 |
|
---|
103 | palettes.snagit = [
|
---|
104 | ["#ffffff", "#000000", "#c00000", "#f79646", "#f5f445", "#7fd13b", "#4bacc6", "#1f497d", "#8064a2", "#ff0000"],
|
---|
105 | ["#f2f2f2", "#7f7f7f", "#f8d1d3", "#fdeada", "#fafdd7", "#e5f5d7", "#dbeef3", "#c6d9f0", "#e5e0ec", "#ffcc00"],
|
---|
106 | ["#d7d7d7", "#595959", "#f2a3a7", "#fbd5b5", "#fbfaae", "#cbecb0", "#b7dde8", "#8db3e2", "#ccc1d9", "#ffff00"],
|
---|
107 | ["#bebebe", "#414141", "#eb757b", "#fac08f", "#eef98e", "#b2e389", "#92cddc", "#548dd4", "#b2a2c7", "#00ff00"],
|
---|
108 | ["#a3a3a3", "#2a2a2a", "#a3171e", "#e36c09", "#dede07", "#5ea226", "#31859b", "#17365d", "#5f497a", "#0000ff"],
|
---|
109 | ["#7e7e7e", "#141414", "#6d0f14", "#974806", "#c0c00d", "#3f6c19", "#205867", "#0f243e", "#3f3151", "#9900ff"]
|
---|
110 | ];
|
---|
111 |
|
---|
112 | palettes.newton = [
|
---|
113 |
|
---|
114 | "#ffffff", "#000000", "#ff0000", "#ff8000", "#ffff00", "#008000", "#0000ff", "#4b0082", "#9400d3"
|
---|
115 |
|
---|
116 | ];
|
---|
117 |
|
---|
118 | palettes.aol = [
|
---|
119 |
|
---|
120 | ["#ffffff", "#fff7de", "#ffffce", "#ffffbd", "#ffffd6", "#b5ff84", "#c6efde", "#efffff", "#efe7f7", "#dea5d6"],
|
---|
121 | ["#ded6c6", "#ffc6bd", "#ffe7b5", "#ffe7a5", "#efef7b", "#adf77b", "#5abd9c", "#a5d6f7", "#8494e7", "#ef7be7"],
|
---|
122 | ["#cec6b5", "#e78473", "#efad52", "#f7b500", "#efef9c", "#a5ff00", "#7bd6bd", "#a5d6de", "#8c5ae7", "#de6bce"],
|
---|
123 | ["#8c8473", "#ef0018", "#ef4210", "#f79400", "#ffff00", "#63d600", "#a5c684", "#5a63d6", "#7b52c6", "#c642ce"],
|
---|
124 | ["#736b63", "#d60039", "#d67310", "#f7844a", "#f7de00", "#429400", "#4a944a", "#4200ff", "#9c00de", "#a500c6"],
|
---|
125 | ["#39524a", "#b51821", "#944a08", "#a55229", "#8c8c00", "#318c00", "#429484", "#3100c6", "#523984", "#940084"],
|
---|
126 | ["#000000", "#940008", "#840008", "#ad2929", "#637321", "#296b00", "#29006b", "#21007b", "#52007b", "#84007b"]
|
---|
127 |
|
---|
128 |
|
---|
129 | ];
|
---|
130 |
|
---|
131 | palettes.oldGmail = [
|
---|
132 | ["#ffffff", "#cecece", "#c6c6c6", "#9c9c9c", "#636363", "#313131", "#000000"],
|
---|
133 | ["#ffcece", "#ff6363", "#ff0000", "#ce0000", "#9c0000", "#630000", "#310000"],
|
---|
134 | ["#ffce9c", "#ff9c63", "#ff9c00", "#ff6300", "#ce6300", "#9c3100", "#633100"],
|
---|
135 | ["#ffff9c", "#ffff63", "#ffce63", "#ffce31", "#ce9c31", "#9c6331", "#633131"],
|
---|
136 | ["#ffffce", "#ffff31", "#ffff00", "#ffce00", "#9c9c00", "#636300", "#313100"],
|
---|
137 | ["#9cff9c", "#63ff9c", "#31ff31", "#31ce00", "#009c00", "#006300", "#003100"],
|
---|
138 | ["#9cffff", "#31ffff", "#63cece", "#00cece", "#319c9c", "#316363", "#003131"],
|
---|
139 | ["#ceffff", "#63ffff", "#31ceff", "#3163ff", "#3131ff", "#00009c", "#000063"],
|
---|
140 | ["#ceceff", "#9c9cff", "#6363ce", "#6331ff", "#6300ce", "#31319c", "#31009c"],
|
---|
141 | ["#ffceff", "#ff9cff", "#ce63ce", "#ce31ce", "#9c319c", "#633163", "#310031"]
|
---|
142 |
|
---|
143 |
|
---|
144 | ];
|
---|
145 | palettes.hotmail = [
|
---|
146 | ["#ffffff", "#000000", "#efefe7", "#184a7b", "#4a84bd", "#c6524a", "#9cbd5a", "#8463a5", "#4aadc6", "#f79442"],
|
---|
147 | ["#f7f7f7", "#7b7b7b", "#dedec6", "#c6def7", "#dee7f7", "#f7dede", "#eff7de", "#e7e7ef", "#deeff7", "#ffefde"],
|
---|
148 | ["#dedede", "#5a5a5a", "#c6bd94", "#8cb5e7", "#bdcee7", "#e7bdb5", "#d6e7bd", "#cec6de", "#b5deef", "#ffd6b5"],
|
---|
149 | ["#bdbdbd", "#393939", "#948c52", "#528cd6", "#94b5d6", "#de9494", "#c6d69c", "#b5a5c6", "#94cede", "#ffc68c"],
|
---|
150 | ["#a5a5a5", "#212121", "#4a4229", "#10315a", "#316394", "#943131", "#739439", "#5a4a7b", "#31849c", "#e76b08"],
|
---|
151 | ["#848484", "#080808", "#181810", "#082139", "#214263", "#632121", "#4a6329", "#393152", "#215a63", "#944a00"],
|
---|
152 | ["#c60000", "#ff0000", "#ffc600", "#ffff00", "#94d652", "#00b552", "#00b5f7", "#0073c6", "#002163", "#7331a5"],
|
---|
153 |
|
---|
154 | ];
|
---|
155 | palettes.yahoo = [
|
---|
156 |
|
---|
157 | ["#000000", "#111111", "#2d2d2d", "#434343", "#5b5b5b", "#737373", "#8b8b8b", "#a2a2a2", "#b9b9b9", "#d0d0d0", "#e6e6e6", "#ffffff"],
|
---|
158 | ["#7f7f00", "#bfbf00", "#ffff00", "#ffff40", "#ffff80", "#ffffbf", "#525330", "#898a49", "#aea945", "#c3be71", "#e0dcaa", "#fcfae1"],
|
---|
159 | ["#407f00", "#60bf00", "#80ff00", "#a0ff40", "#c0ff80", "#dfffbf", "#3b5738", "#668f5a", "#7f9757", "#8a9b55", "#b7c296", "#e6ebd5"],
|
---|
160 | ["#007f40", "#00bf60", "#00ff80", "#40ffa0", "#80ffc0", "#bfffdf", "#033d21", "#438059", "#7fa37c", "#8dae94", "#acc6b5", "#ddebe2"],
|
---|
161 | ["#007f7f", "#00bfbf", "#00ffff", "#40ffff", "#80ffff", "#bfffff", "#033d3d", "#347d7e", "#609a9f", "#96bdc4", "#b5d1d7", "#e2f1f4"],
|
---|
162 | ["#00407f", "#0060bf", "#0080ff", "#40a0ff", "#80c0ff", "#bfdfff", "#1b2c48", "#385376", "#57708f", "#7792ac", "#a8bed1", "#deebf6"],
|
---|
163 | ["#00007f", "#0000bf", "#0000ff", "#4040ff", "#8080ff", "#bfbfff", "#212143", "#373e68", "#444f75", "#585e82", "#8687a4", "#d2d1e1"],
|
---|
164 | ["#40007f", "#6000bf", "#8000ff", "#a040ff", "#c080ff", "#dfbfff", "#302449", "#54466f", "#655a7f", "#726284", "#9e8fa9", "#dcd1df"],
|
---|
165 | ["#7f007f", "#bf00bf", "#ff00ff", "#ff40ff", "#ff80ff", "#ffbfff", "#4a234a", "#794a72", "#936386", "#9d7292", "#c0a0b6", "#ecdae5"],
|
---|
166 | ["#7f003f", "#bf005f", "#ff007f", "#ff409f", "#ff80bf", "#ffbfdf", "#451528", "#823857", "#a94a76", "#bc6f95", "#d8a5bb", "#f7dde9"],
|
---|
167 | ["#800000", "#c00000", "#ff0000", "#ff4040", "#ff8080", "#ffc0c0", "#441415", "#82393c", "#aa4d4e", "#bc6e6e", "#d8a3a4", "#f8dddd"],
|
---|
168 | ["#7f3f00", "#bf5f00", "#ff7f00", "#ff9f40", "#ffbf80", "#ffdfbf", "#482c1b", "#855a40", "#b27c51", "#c49b71", "#e1c4a8", "#fdeee0"]
|
---|
169 |
|
---|
170 | ];
|
---|
171 | palettes.sixteen = [
|
---|
172 | ["#000000", "#000084", "#0000ff", "#840000"],
|
---|
173 | ["#840084", "#008200", "#ff0000", "#008284"],
|
---|
174 | ["#ff00ff", "#848200", "#848284", "#00ff00"],
|
---|
175 | ["#ffa600", "#00ffff", "#c6c3c6", "#ffff00"],
|
---|
176 | ["#ffffff"]
|
---|
177 | ];
|
---|
178 |
|
---|
179 | palettes.websafe = [
|
---|
180 | ["#000", "#300", "#600", "#900", "#c00", "#f00"],
|
---|
181 | ["#003", "#303", "#603", "#903", "#c03", "#f03"],
|
---|
182 | ["#006", "#306", "#606", "#906", "#c06", "#f06"],
|
---|
183 | ["#009", "#309", "#609", "#909", "#c09", "#f09"],
|
---|
184 | ["#00c", "#30c", "#60c", "#90c", "#c0c", "#f0c"],
|
---|
185 | ["#00f", "#30f", "#60f", "#90f", "#c0f", "#f0f"],
|
---|
186 | ["#030", "#330", "#630", "#930", "#c30", "#f30"],
|
---|
187 | ["#033", "#333", "#633", "#933", "#c33", "#f33"],
|
---|
188 | ["#036", "#336", "#636", "#936", "#c36", "#f36"],
|
---|
189 | ["#039", "#339", "#639", "#939", "#c39", "#f39"],
|
---|
190 | ["#03c", "#33c", "#63c", "#93c", "#c3c", "#f3c"],
|
---|
191 | ["#03f", "#33f", "#63f", "#93f", "#c3f", "#f3f"],
|
---|
192 | ["#060", "#360", "#660", "#960", "#c60", "#f60"],
|
---|
193 | ["#063", "#363", "#663", "#963", "#c63", "#f63"],
|
---|
194 | ["#066", "#366", "#666", "#966", "#c66", "#f66"],
|
---|
195 | ["#069", "#369", "#669", "#969", "#c69", "#f69"],
|
---|
196 | ["#06c", "#36c", "#66c", "#96c", "#c6c", "#f6c"],
|
---|
197 | ["#06f", "#36f", "#66f", "#96f", "#c6f", "#f6f"],
|
---|
198 | ["#090", "#390", "#690", "#990", "#c90", "#f90"],
|
---|
199 | ["#093", "#393", "#693", "#993", "#c93", "#f93"],
|
---|
200 | ["#096", "#396", "#696", "#996", "#c96", "#f96"],
|
---|
201 | ["#099", "#399", "#699", "#999", "#c99", "#f99"],
|
---|
202 | ["#09c", "#39c", "#69c", "#99c", "#c9c", "#f9c"],
|
---|
203 | ["#09f", "#39f", "#69f", "#99f", "#c9f", "#f9f"],
|
---|
204 | ["#0c0", "#3c0", "#6c0", "#9c0", "#cc0", "#fc0"],
|
---|
205 | ["#0c3", "#3c3", "#6c3", "#9c3", "#cc3", "#fc3"],
|
---|
206 | ["#0c6", "#3c6", "#6c6", "#9c6", "#cc6", "#fc6"],
|
---|
207 | ["#0c9", "#3c9", "#6c9", "#9c9", "#cc9", "#fc9"],
|
---|
208 | ["#0cc", "#3cc", "#6cc", "#9cc", "#ccc", "#fcc"],
|
---|
209 | ["#0cf", "#3cf", "#6cf", "#9cf", "#ccf", "#fcf"],
|
---|
210 | ["#0f0", "#3f0", "#6f0", "#9f0", "#cf0", "#ff0"],
|
---|
211 | ["#0f3", "#3f3", "#6f3", "#9f3", "#cf3", "#ff3"],
|
---|
212 | ["#0f6", "#3f6", "#6f6", "#9f6", "#cf6", "#ff6"],
|
---|
213 | ["#0f9", "#3f9", "#6f9", "#9f9", "#cf9", "#ff9"],
|
---|
214 | ["#0fc", "#3fc", "#6fc", "#9fc", "#cfc", "#ffc"],
|
---|
215 | ["#0ff", "#3ff", "#6ff", "#9ff", "#cff", "#fff"]
|
---|
216 | ];
|
---|
217 |
|
---|
218 |
|
---|
219 | palettes.named = [
|
---|
220 | ["White", "Ivory", "Snow", "LightYellow", "MintCream", "Azure", "FloralWhite", "Honeydew", "GhostWhite", "Seashell", "Cornsilk", "AliceBlue", "LemonChiffon", "LightCyan"],
|
---|
221 | ["OldLace", "LightGoldenrodYellow", "LavenderBlush", "WhiteSmoke", "Beige", "Linen", "PapayaWhip", "BlanchedAlmond", "AntiqueWhite", "MistyRose", "Bisque", "Lavender", "Moccasin", "PaleGoldenrod"],
|
---|
222 | ["NavajoWhite", "Yellow", "PeachPuff", "Wheat", "Khaki", "Gainsboro", "PaleTurquoise", "Pink", "Aquamarine", "LightGray", "PowderBlue", "PaleGreen", "GreenYellow", "LightPink"],
|
---|
223 | ["LightBlue", "Gold", "Thistle", "LightGreen", "LightSteelBlue", "Silver", "LightSkyBlue", "BurlyWood", "SkyBlue", "Chartreuse", "Plum", "LawnGreen", "Tan", "LightSalmon"],
|
---|
224 | ["SandyBrown", "Cyan", "Aqua", "DarkKhaki", "Violet", "Turquoise", "Orange", "YellowGreen", "DarkSalmon", "MediumAquamarine", "DarkSeaGreen", "DarkGray", "MediumTurquoise", "Goldenrod"],
|
---|
225 | ["MediumSpringGreen", "SpringGreen", "Salmon", "LightCoral", "Coral", "DarkOrange", "HotPink", "RosyBrown", "Orchid", "Lime", "PaleVioletRed", "Peru", "DarkTurquoise", "CornflowerBlue"],
|
---|
226 | ["Tomato", "DeepSkyBlue", "LimeGreen", "CadetBlue", "MediumSeaGreen", "DarkGoldenrod", "MediumPurple", "LightSeaGreen", "LightSlateGray", "MediumOrchid", "Gray", "Chocolate", "IndianRed", "SlateGray"],
|
---|
227 | ["MediumSlateBlue", "DodgerBlue", "OliveDrab", "SteelBlue", "OrangeRed", "Olive", "SlateBlue", "RoyalBlue", "Magenta", "Fuchsia", "SeaGreen", "DimGray", "DeepPink", "Sienna"],
|
---|
228 | ["DarkOrchid", "DarkCyan", "ForestGreen", "DarkOliveGreen", "BlueViolet", "Teal", "MediumVioletRed", "Crimson", "SaddleBrown", "Brown", "FireBrick", "Red", "Green", "DarkSlateBlue"],
|
---|
229 | ["DarkSlateGray", "DarkViolet", "DarkGreen", "DarkMagenta", "Purple", "DarkRed", "Maroon", "Indigo", "MidnightBlue", "Blue", "MediumBlue", "DarkBlue", "Navy", "Black"]
|
---|
230 | ];
|
---|
231 |
|
---|
232 |
|
---|
233 |
|
---|
234 | $(function() {
|
---|
235 | for (var i in palettes) {
|
---|
236 | $("<h3 />").text(i).appendTo("#palettes");
|
---|
237 | $("<input />").appendTo("#palettes").spectrum({
|
---|
238 | flat: true,
|
---|
239 | showInput: true,
|
---|
240 | className: i,
|
---|
241 | preferredFormat: "rgb",
|
---|
242 | showPalette: true,
|
---|
243 | showPaletteOnly: true,
|
---|
244 | palette: palettes[i]
|
---|
245 | });
|
---|
246 | }
|
---|
247 | });
|
---|
248 |
|
---|
249 | $(function() {
|
---|
250 | $("#langdemo").spectrum({
|
---|
251 | flat: false,
|
---|
252 | showInput: true,
|
---|
253 | });
|
---|
254 | }); |
---|