Netsyms/colorPicker
2
0
Fork 0
mirror of https://github.com/PitPik/colorPicker.git synced 2025-07-06 01:24:30 -06:00
Code Issues Releases Wiki Activity

Added cookie support for color memory

Browse Source
This commit is contained in:
peterd 2014-09-08 19:48:30 +02:00
parent c6cb9f9585
commit b70d35f98a
2 changed files with 74 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
colorPicker.js
View File

@ -76,7 +76,8 @@
// cmyOnly: false,
// initStyle: 'display: none',
// memoryColors: [{r: 100, g: 200, b: 10}]// , a: 0.5
// memoryColors: "'rgba(82,80,151,1)','rgba(100,200,10,0.5)','rgba(0,0,0,1)','rgba(0,0,0,1)'"
// memoryColors: [{r: 100, g: 200, b: 10, a: 0.5}] //
// opacityPositionRelative: undefined,
// customCSS: undefined,
@ -188,7 +189,8 @@
memory,
mode = '',
CSSPrefix = '',
optionButtons;
optionButtons,
tmp = [];
for (var option in options) { // deep copy ??
THIS.options[option] = options[option];
@ -234,7 +236,14 @@
}
memory = _options.memoryColors;
if (typeof memory === 'string') { // revisit!!!
memory = memory.replace(/^'|'$/g, '').replace(/\s*/, '').split('\',\'');
}
for (var n = _nodes.memos.length; n--; ) { // check again how to handle alpha...
if (memory && typeof memory[n] === 'string') {
tmp = memory[n].replace('rgba(', '').replace(')', '').split(',');
memory[n] = {r: tmp[0], g: tmp[1], b: tmp[2], a: tmp[3]}
}
_nodes.memos[n].style.cssText = 'background-color: ' + (memory && memory[n] !== undefined ?
color2string(memory[n]) + ';' + getOpacityCSS(memory[n]['a'] || 1) : 'rgb(0,0,0);');
}

65
jQuery_implementation/jqColor.js
View File

@ -32,6 +32,29 @@
options.displayCallback(colors, mode, options);
}
},
actionCallback = function(event, action) {
if (action === 'toMemery') { // create cookie string out of memory colors
var memos = colorPickers.current.nodes.memos,
$memo,
backgroundColor = '',
opacity = 0,
cookieTXT = [];
for (var n = 0, m = memos.length; n < m; n++) {
$memo = $(memos[n]);
backgroundColor = $memo.css('background-color');
opacity = Math.round($memo.css('opacity') * 100) / 100;
cookieTXT.push(backgroundColor.
replace(/, /g, ',').
replace('rgb(', 'rgba(').
replace(')', ',' + opacity + ')')
);
}
cookieTXT = '\'' + cookieTXT.join('\',\'') + '\'';
// console.log(cookieTXT);
$.docCookies('colorPickerMemos', cookieTXT);
}
},
createInstance = function(elm, config) {
var initConfig = {
klass: window.ColorPicker,
@ -41,13 +64,15 @@
animationSpeed: 200,
draggable: true,
margin: {left: -1, top: 2},
memoryColors: $.docCookies('colorPickerMemos'),
// displayCallback: displayCallback,
/* --- regular colorPicker options from this point --- */
color: elm.value,
color: elm.value, // this has to go to focus as well!!!
initStyle: 'display: none',
mode: 'hsv-h',
size: 1,
renderCallback: renderCallback
renderCallback: renderCallback,
actionCallback: actionCallback
};
for (var n in config) {
@ -70,6 +95,7 @@
{cancel: '.' + options.CSSPrefix + 'app div'}
) : $(colorPicker.nodes.colorPicker);
options.color = elm.value; // brings color to default on reset
$colorPicker.css({
'position': 'absolute',
'left': position.left + options.margin.left,
@ -135,4 +161,39 @@
return this;
}
});
$.docCookies = function(key, val, options) {
var encode = encodeURIComponent, decode = decodeURIComponent,
cookies, n, tmp, cache = {},
days;
if (val === undefined) { // all about reading cookies
cookies = document.cookie.split('; ') || []; // easier for decoding then with RegExp search // .split(/;\s*/)
for (n = cookies.length; n--; ) {
tmp = cookies[n].split('=');
if (tmp[0]) cache[decode(tmp.shift())] = decode(tmp.join('=')); // there might be '='s in the value...
}
if (!key) return cache; // return Json for easy access to all cookies
else return cache[key]; // easy access to cookies from here
} else { // write/delete cookie
options = options || {};
if (val === '' || options.expires < 0) { // prepare deleteing the cookie
options.expires = -1;
// options.path = options.domain = options.secure = undefined; // to make shure the cookie gets deleted...
}
if (options.expires !== undefined) { // prepare date if any
days = new Date();
days.setDate(days.getDate() + options.expires);
}
document.cookie = encode(key) + '=' + encode(val) +
(days ? '; expires=' + days.toUTCString() : '') +
(options.path ? '; path=' + options.path : '') +
(options.domain ? '; domain=' + options.domain : '') +
(options.secure ? '; secure' : '');
}
};
})(jQuery, this);