diff --git a/index.html b/index.html index 9426e22..7ffdc0b 100644 --- a/index.html +++ b/index.html @@ -20,10 +20,11 @@ On all inputs with calssName 'color':
$('input.color').colorPicker();+ - (see index.js for more details...) + (see index.html for more details...)
@@ -41,13 +42,13 @@ window.myColorPicker = $('input.color').colorPicker({ $elm.prepend('<div class="cp-disp"></div>'); }, cssAddon: - '.cp-disp{padding:10px; margin-bottom:6px; font-size:19px; height:20px; line-height:20px}' + - '.cp-xy-slider{width:200px; height:200px;}' + - '.cp-xy-cursor{width:16px; height:16px; border-width:2px; margin:-8px}' + - '.cp-z-slider{height:200px; width:40px;}' + - '.cp-z-cursor{border-width:8px; margin-top:-8px;}' + - '.cp-alpha{height:40px;}' + - '.cp-alpha-cursor{border-width: 8px; margin-left:-8px;}', + '.cp-disp {padding:10px; margin-bottom:6px; font-size:19px; height:20px; line-height:20px}' + + '.cp-xy-slider {width:200px; height:200px;}' + + '.cp-xy-cursor {width:16px; height:16px; border-width:2px; margin:-8px}' + + '.cp-z-slider {height:200px; width:40px;}' + + '.cp-z-cursor {border-width:8px; margin-top:-8px;}' + + '.cp-alpha {height:40px;}' + + '.cp-alpha-cursor {border-width:8px; margin-left:-8px;}', renderCallback: function($elm, toggled) { var colors = this.color.colors, @@ -174,6 +175,45 @@ window.myColorPicker = $('input.color').colorPicker({ } }; + // shows memory fields + plugin.memory = { + customBG: '#222', + margin: '4px -2px', + opacity: false, + + buidCallback: function($elm) { + var colorInstance = this.color, + colorPicker = this; + + $elm.append('