├── .gitignore
├── LICENSE.txt
├── README.md
├── bower.json
├── demo.html
├── jquery-simplecolorpicker-inline.png
├── jquery-simplecolorpicker-picker.png
├── jquery.simplecolorpicker-fontawesome.css
├── jquery.simplecolorpicker-glyphicons.css
├── jquery.simplecolorpicker-regularfont.css
├── jquery.simplecolorpicker.css
├── jquery.simplecolorpicker.js
└── package.json
/.gitignore:
--------------------------------------------------------------------------------
1 | .DS_Store
2 | .idea/
--------------------------------------------------------------------------------
/LICENSE.txt:
--------------------------------------------------------------------------------
1 | Copyright (c) 2012-2013 Tanguy Krotoff
2 |
3 | MIT License
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining
6 | a copy of this software and associated documentation files (the
7 | "Software"), to deal in the Software without restriction, including
8 | without limitation the rights to use, copy, modify, merge, publish,
9 | distribute, sublicense, and/or sell copies of the Software, and to
10 | permit persons to whom the Software is furnished to do so, subject to
11 | the following conditions:
12 |
13 | The above copyright notice and this permission notice shall be
14 | included in all copies or substantial portions of the Software.
15 |
16 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
17 | EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
18 | MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
19 | NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
20 | LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
21 | OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
22 | WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
23 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | **I don't use jquery-simplecolorpicker anymore so I won't update this repository. If you have a well maintained fork, I will be happy to promote it here.**
2 |
3 | # Very simple jQuery color picker
4 |
5 | Yet another jQuery color picker. This plugin is unobtrusive and integrates well with Twitter Bootstrap (it works just fine without).
6 | The source code only requires jQuery and is about 200 lines of JavaScript and 100 lines of CSS.
7 |
8 | See the [online demo](http://plnkr.co/edit/VVclW0?p=preview).
9 |
10 | 
11 |
12 | 
13 |
14 | ## npm
15 |
16 | ```
17 | npm install jquery-simplecolorpicker
18 | ```
19 |
20 | ## Bower
21 |
22 | ```
23 | bower install jquery-simplecolorpicker
24 | ```
25 |
26 | ## How to use
27 |
28 | Create a HTML select:
29 |
30 | ```HTML
31 |
45 | ```
46 |
47 | add the plugin files:
48 |
49 | ```HTML
50 |
51 |
52 |
53 |
54 | ```
55 |
56 | then call the plugin:
57 |
58 | ```JavaScript
59 | $('select[name="colorpicker"]').simplecolorpicker();
60 | $('select[name="colorpicker"]').simplecolorpicker('selectColor', '#7bd148');
61 | $('select[name="colorpicker"]').simplecolorpicker('destroy');
62 | ```
63 |
64 | and pass some options if needed:
65 |
66 | ```JavaScript
67 | $('select[name="colorpicker"]').simplecolorpicker({
68 | picker: true
69 | }).on('change', function() {
70 | $(document.body).css('background-color', $('select[name="colorpicker"]').val());
71 | });
72 | ```
73 |
74 | ### Options
75 |
76 | - theme: font to use for the ok/check mark (default: `''`), available themes: [`regularfont`](https://github.com/tkrotoff/jquery-simplecolorpicker/blob/master/jquery.simplecolorpicker-regularfont.css), [`fontawesome`](https://github.com/tkrotoff/jquery-simplecolorpicker/blob/master/jquery.simplecolorpicker-fontawesome.css), [`glyphicons`](https://github.com/tkrotoff/jquery-simplecolorpicker/blob/master/jquery.simplecolorpicker-glyphicons.css)
77 | - picker: show the colors inside a picker instead of inline (default: `false`)
78 | - pickerDelay: show and hide animation delay in milliseconds (default: `0`)
79 |
80 | ## Browser support
81 |
82 | Simplecolorpicker supports all modern browsers starting with Internet Explorer 8 included.
83 | It is recommended to not use any font theme with IE8.
84 |
85 | ## HTML5 new color input
86 |
87 | HTML5 provides a new input to select colors. Its implementation inside modern browsers is still lacking.
88 | The new color input does not provide any option to customize the color list and
89 | most of the time the widget is less user-friendly than the one provided by simplecolorpicker.
90 |
91 | See http://slides.html5rocks.com/#new-form-types
92 |
93 | See http://dev.w3.org/html5/markup/input.color.html#input.color
94 |
95 | ## AngularJS directive
96 |
97 | See [simplecolorpicker directive](http://plnkr.co/edit/rKM3QWXDC3vGVPe3QFWV?p=preview).
98 | If you find a solution for the `setTimeout()` hack, please tell me.
99 |
100 | Here [another directive](http://plnkr.co/edit/zlP0RSH3m0ghsefHeaLI?p=preview) written by [KGZM](https://github.com/KGZM) that re-implements simplecolorpicker.
101 | For the explanations, read this [Google Groups discussion](https://groups.google.com/d/topic/angular/nBZsvLOZxvI/discussion).
102 |
103 | ## Ruby on Rails
104 |
105 | A gem is available at https://github.com/tkrotoff/jquery-simplecolorpicker-rails
106 |
107 | ## Copyright and license
108 |
109 | Licensed under the MIT license.
110 | Copyright (C) 2012-2013 Tanguy Krotoff
111 |
--------------------------------------------------------------------------------
/bower.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "jquery-simplecolorpicker",
3 | "version": "0.3.1",
4 | "dependencies": {
5 | "jquery": ">=1.10"
6 | },
7 | "repository": {
8 | "type": "git",
9 | "url": "git://github.com/tkrotoff/jquery-simplecolorpicker.git"
10 | }
11 | }
12 |
--------------------------------------------------------------------------------
/demo.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | Color picker for jQuery
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |