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

data pickup fix

Browse Source
This commit is contained in:
peterd 2015-02-04 15:34:27 +01:00
parent 3b5ed3c344
commit 6792ca13d5
4 changed files with 19 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
index.html
View File

@ -34,9 +34,9 @@ On all elements with className 'color': <pre>$('.color').colorPicker();</pre>
<input class="color" value="hsl(32, 95%, 23%)" />
</div>
<div class="div-toggles">
<div class="color" value="#44A647"><div><div></div></div></div>
<div class="color" value="rgb(100, 86, 70)"><div><div></div></div></div>
<div class="color" value="hsl(167, 29%, 68%)"><div><div></div></div></div>
<div class="color trigger" value="#44A647"><div><div></div></div></div>
<div class="color trigger" value="rgb(100, 86, 70)"><div><div></div></div></div>
<div class="color trigger" value="hsl(167, 29%, 68%)"><div><div></div></div></div>
</div>
<h2>Features</h2>
<p>Tiny jQuery colorPicker only loads if triggered to show. It uses battery saving technologies and super fast rendering for best performance on desktop and mobile browsers.<br>
@ -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>
<!-- <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 type="text/javascript" src="colors.js"></script> -->
<!-- <script type="text/javascript" src="jqColorPicker.js"></script> -->
<script type="text/javascript" src="jqColorPicker.min.js"></script>
<script type="text/javascript" src="colors.js"></script>
<script type="text/javascript" src="jqColorPicker.js"></script>
<!-- <script type="text/javascript" src="jqColorPicker.min.js"></script> -->
<script type="text/javascript">
(function(window, undefined){
'use strict';
@ -291,7 +291,14 @@ window.myColorPicker = $('input.color').colorPicker({
doRender: 'div div',
buidCallback: function($elm) {
var that = this;
$elm.append('<div class="cp-patch"><div></div></div><div class="cp-disp"></div>');
// $(document).on('click', '.trigger', function(e) {
// if (e.target === this && $(this).hasClass('active')) {
// that.toggle(false);
// }
// })
},
cssAddon: // could also be in a css file instead

7
jqColorPicker.js
View File

@ -276,10 +276,11 @@
return this.each(function() {
var value = extractValue(this),
mode = value.split('(');
mode = value.split('('),
$elm = findElement($(this));
// save initial color mode and set color and bgColor
$(this).data('colorMode', mode[1] ? mode[0].substr(0, 3) : 'HEX');
options.doRender && findElement($(this)).
$elm.data('colorMode', mode[1] ? mode[0].substr(0, 3) : 'HEX');
options.doRender && $elm.
css({'background-color': value,
'color': function() {
return _color.setColor(value).

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