Loading initial values and resetting values
regexstrings opened this issue · 0 comments
Can someone tell me if it's possible with spectrum to load initial values with a javascript function and /or re-arm the values with a javascrpt function? I'm using this to customize colors on a clock and need to feed the currently defined values to spectrum so what's seen on the web page is the same as on the clock. I'd also like to "reset" everything letting the user start customization from scratch.
For some reason I'm having trouble setting the values of the spectrum color pickers. Here's an example of one of my pickers:
<label for="DIGBACK">Background</label>
<p>
<input class=colorize type='text' id="DIGBACK" />
<script>
$("#DIGBACK").spectrum({
showPaletteOnly: true,
showPalette: true,
hideAfterPaletteSelect: true,
color: '#000',
palette: [
["#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"]
],
change: function(color) {
sendToESP("DIGBACK", color)
},
});
</script>
I really like spectrum since I can get the pallete to hide onclick -- I don't like to have to click outside of the pallete to hid it like in most every other color pickers I've looked at. So if I can get the programming interface to the values fixed this will make a really nice setup.
I process the color selection with no trouble, so output is great. Getting input, however is causing grief.