[jQuery] Making the cookie plugin work with the colorpicker plugin
Hey guys,
I'm trying to take the hex value chosen from a jQuery colorpicker
plugin, and store it as a cookie using the jQuery cookie plugin.
I just don't know the appropriate way to tie the two together.
Here's my colorpicker function:
$('#colorSelector').ColorPicker({
color: '#ffffff',
onShow: function (colpkr) {
$(colpkr).fadeIn(500);
return false;
},
onHide: function (colpkr) {
$(colpkr).fadeOut(500);
return false;
},
onChange: function (hsb, hex, rgb) {
$('#colorSelector div, .preview-image, .cover ').css
('backgroundColor', '#' + hex);
$('body').css('backgroundColor', '#' + hex);
$.cookie('bgColor', 'picker');
return false;
}
});
And here's my cookie function as is:
var bgColor = $.cookie('bgColor');
if (bgColor == 'picker') {
$('#colorSelector div, .preview-image, .cover ').css
('backgroundColor', '#' + hex);
};
I can set and store the cookie value as a standard css background-
color, but can't figure out how to pull the "'backgroundColor', '#' +
hex" value into the cookie function.
Thanks in advance.