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

Demo for invisible input values

Browse Source
This commit is contained in:
peterd 2016-05-19 14:45:58 +02:00
parent 5cfdd6bfa8
commit d0ae0544e4
1 changed files with 24 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
demo/index.js
View File

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