Ticket #3162: ui.colorpicker.html

File ui.colorpicker.html, 1.3 KB (added by Cloudream, 11 years ago)
Line 
1<script type="text/javascript">
2
3        var model = {
4               
5                renderAt: '#containerDemo',
6
7                title: 'Colorpicker Demos',
8               
9                demos: [
10
11                        {
12                                title: 'Inline colorpicker',
13                                desc: 'With few lines of code you could build a colorpicker. You can try more options on the fly!',
14                                html: '<div id="colorpicker" />',
15                                destroy: '$("#colorpicker").colorpicker("destroy");',
16                                options: [
17                                        { desc: 'Make a colorpicker', source: '$("#colorpicker").colorpicker({flat:true});' }
18                                ]
19                        },
20
21                        {
22                                title: 'Triggered colorpicker',
23                                desc: 'With few lines of code you could build a colorpicker. You can try more options on the fly!',
24                                html: '<input id="colorpicker2" />',
25                                destroy: '$("#colorpicker2").colorpicker("destroy");',
26                                options: [
27                                        { desc: 'Make a colorpicker', source: '$("#colorpicker2").colorpicker( {submit: function(e,ui) {                $("#colorpicker2").val(ui.hex);} });' },
28                                        { desc: 'Fade in/out a colorpicker', source: '$("#colorpicker2").colorpicker( {show: function (e,ui) { $(this).data("colorpicker").picker.fadeIn(500);return false; }, hide: function (e,ui) { $(this).data("colorpicker").picker.fadeOut(500);return false; }, change: function(e,ui) { $("#colorpicker2").val(ui.hex); } });' }
29                                ]
30                        }
31
32                ]
33        };
34
35        $(function(){
36
37                uiRenderDemo(model);
38
39        });
40
41</script>