|
|
|
@ -71,6 +71,11 @@ $(function(){
|
|
|
|
|
|
|
|
|
|
// _$UI.appendTo('#content-wrapper'); // demonstration only
|
|
|
|
|
|
|
|
|
|
// demonstrates not showing numbers in input field (part 1)
|
|
|
|
|
// $(this.$oldElm).css({'color': 'transparent'});
|
|
|
|
|
// this.$oldElm = $elm;
|
|
|
|
|
// $elm.css({'color': ''});
|
|
|
|
|
|
|
|
|
|
return { // this demo is a copy of the internal usage (to show how it works);
|
|
|
|
|
'left': (_$UI._left = position.left) -
|
|
|
|
|
((_$UI._left += _$UI._width -
|
|
|
|
@ -94,6 +99,11 @@ $(function(){
|
|
|
|
|
// $elm.closest('.trigger').removeClass('active');
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// demonstrates not showing numbers in input field (part 2)
|
|
|
|
|
// if (toggled === false) {
|
|
|
|
|
// $elm.css({'color': 'transparent'});
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
if (toggled === true) { // on show colorPicker
|
|
|
|
|
this.$alpha.toggle(!$elm.hasClass('no-alpha'));
|
|
|
|
|
this.$sliders.toggle(!$elm.hasClass('no-sliders'));
|
|
|
|
@ -111,6 +121,7 @@ $(function(){
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
window.myColorPicker =
|
|
|
|
|
$('.color').colorPicker(options);
|
|
|
|
|
$('.color').colorPicker(options)
|
|
|
|
|
// .css({'color': 'transparent'}); // demonstrates not showing numbers in input field (part 3)
|
|
|
|
|
$('.trigger').colorPicker(options);
|
|
|
|
|
});
|