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

Demo adjustments

Browse Source 
Due to @ct-js suggestions, some useful changes in demos
This commit is contained in:
peterd 2015-02-04 11:40:44 +01:00
parent c41df511f6
commit 9ef3cc8712
1 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
index.html
View File

@ -195,7 +195,7 @@ window.myColorPicker = $('input.color').colorPicker({
$elm.append('<div class="cp-memory">' +
'<div></div><div></div><div></div><div></div>' +
'<div></div><div></div><div></div><div class="cp-store">&lt;</div>').
'<div></div><div></div><div></div><div class="cp-store">S</div>').
on('click', '.cp-memory div', function(e) {
var $this = $(this);
@ -298,7 +298,7 @@ window.myColorPicker = $('input.color').colorPicker({
'position:absolute; top:-16px; left:12px; border:8px solid #eee;' +
'border-color: transparent transparent #999}' +
'.cp-xy-slider{border:1px solid #aaa; margin-bottom:10px; width:150px; height:150px;}' +
'.cp-color-picker:active{cursor:none;}' +
'.cp-xy-slider:active{cursor:none;}' +
'.cp-xy-cursor{width:12px; height:12px; margin:-6px}' +
'.cp-z-slider{margin-left:8px; border:1px solid #aaa; height:150px; width:24px;}' +
'.cp-z-cursor{border-width:5px; margin-top:-5px;}' +
@ -315,8 +315,12 @@ window.myColorPicker = $('input.color').colorPicker({
var colors = this.color.colors,
rgb = colors.RND.rgb;
$('.cp-patch div').css({backgroundColor: $elm.css('backgroundColor')});
$('.cp-patch div').css({'background-color': $elm.css('background-color')});
$('.cp-disp').text($elm.val());
if (toggled) {
// here you can recalculate position after showing the color picker
// in case it doesn't fit into view.
}
}
};