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

added better toggle callback support

Browse Source
This commit is contained in:
peterd 2015-02-04 14:45:03 +01:00
parent 2e20c96ee7
commit 127a27dd23
2 changed files with 12 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
index.html
View File

@ -73,9 +73,9 @@ window.myColorPicker = $('input.color').colorPicker({
<p>Will follow... See <a href="https://github.com/PitPik/tinyColorPicker">tinyColorPicke on GitHub</a> for now.</p> <p>Will follow... See <a href="https://github.com/PitPik/tinyColorPicker">tinyColorPicke on GitHub</a> for now.</p>
<!-- <script type="text/javascript" src="jquery-1.11.2.js"></script> --> <!-- <script type="text/javascript" src="jquery-1.11.2.js"></script> -->
<script src="http://code.jquery.com/jquery-1.11.2.min.js"></script> <script src="http://code.jquery.com/jquery-1.11.2.min.js"></script>
<!-- <script type="text/javascript" src="colors.js"></script> --> <script type="text/javascript" src="colors.js"></script>
<!-- <script type="text/javascript" src="jqColorPicker.js"></script> --> <script type="text/javascript" src="jqColorPicker.js"></script>
<script type="text/javascript" src="jqColorPicker.min.js"></script> <!-- <script type="text/javascript" src="jqColorPicker.min.js"></script> -->
<script type="text/javascript"> <script type="text/javascript">
(function(window, undefined){ (function(window, undefined){
'use strict'; 'use strict';
@ -330,9 +330,13 @@ window.myColorPicker = $('input.color').colorPicker({
$('.cp-patch div').css({'background-color': $elm.css('background-color')}); $('.cp-patch div').css({'background-color': $elm.css('background-color')});
$('.cp-disp').text($elm.val()); $('.cp-disp').text($elm.val());
if (toggled) { if (toggled === true) {
// here you can recalculate position after showing the color picker // here you can recalculate position after showing the color picker
// in case it doesn't fit into view. // in case it doesn't fit into view.
$('.color').removeClass('active');
$elm.closest('.color').addClass('active');
} else if (toggled === false) {
$elm.closest('.color').removeClass('active');
} }
} }

5
jqColorPicker.js
View File

@ -228,7 +228,10 @@
// _cache.$element[0].value = text; // _cache.$element[0].value = text;
_options.renderCallback.call( _options.renderCallback.call(
_colorPicker, _cache.$element, toggled === true); _colorPicker,
_cache.$element,
typeof toggled === 'boolean' ? toggled : undefined
);
} }
// export as plugin to jQuery // export as plugin to jQuery