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

added functionality

Browse Source 
added onchange to input fields; added toggle method to instance…
This commit is contained in:
peterd 2015-02-03 15:16:38 +01:00
parent 4a56379aaf
commit 5aa5a484af
4 changed files with 12 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
index.html
View File

@ -66,9 +66,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';

8
jqColorPicker.js
View File

@ -43,6 +43,7 @@
}; };
ColorPicker.prototype.render = render; ColorPicker.prototype.render = render;
ColorPicker.prototype.toggle = toggle;
function extractValue(elm) { function extractValue(elm) {
return elm.value || $(elm).css('background-color') || '#fff'; return elm.value || $(elm).css('background-color') || '#fff';
@ -251,7 +252,12 @@
!$(e.target).closest(_$UI).length) { !$(e.target).closest(_$UI).length) {
toggle(); toggle();
} }
}).on('focus', this.selector, toggle); }).
on('focus', this.selector, toggle).
on('change', this.selector, function() {
_color.setColor(this.value);
$that.colorPicker.render();
});
} }
this.colorPicker = _colorPicker; this.colorPicker = _colorPicker;

2
jqColorPicker.js.map
View File

File diff suppressed because one or more lines are too long

2
jqColorPicker.min.js vendored
View File

File diff suppressed because one or more lines are too long