aboutsummaryrefslogtreecommitdiffstats
path: root/demos/functional/templates/ui.colorpicker.html
diff options
context:
space:
mode:
Diffstat (limited to 'demos/functional/templates/ui.colorpicker.html')
-rw-r--r--demos/functional/templates/ui.colorpicker.html80
1 files changed, 40 insertions, 40 deletions
diff --git a/demos/functional/templates/ui.colorpicker.html b/demos/functional/templates/ui.colorpicker.html
index 81f5f66b2..844b6266f 100644
--- a/demos/functional/templates/ui.colorpicker.html
+++ b/demos/functional/templates/ui.colorpicker.html
@@ -1,41 +1,41 @@
-<script type="text/javascript">
-
- var model = {
-
- renderAt: '#containerDemo',
-
- title: 'Colorpicker Demos',
-
- demos: [
-
- {
- title: 'Inline colorpicker',
- desc: 'With few lines of code you could build a colorpicker. You can try more options on the fly!',
- html: '<div id="colorpicker" />',
- destroy: '$("#colorpicker").colorpicker("destroy");',
- options: [
- { desc: 'Make a colorpicker', source: '$("#colorpicker").colorpicker({flat:true});' }
- ]
- },
-
- {
- title: 'Triggered colorpicker',
- desc: 'With few lines of code you could build a colorpicker. You can try more options on the fly!',
- html: '<input id="colorpicker2" /><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>',
- destroy: '$("#colorpicker2").colorpicker("destroy");',
- options: [
- { desc: 'Make a colorpicker', source: '$("#colorpicker2").colorpicker( {submit: function(e,ui) { $("#colorpicker2").val(ui.hex);} });' },
- { 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); } });' }
- ]
- }
-
- ]
- };
-
- $(function(){
-
- uiRenderDemo(model);
-
- });
-
+<script type="text/javascript">
+
+ var model = {
+
+ renderAt: '#containerDemo',
+
+ title: 'Colorpicker Demos',
+
+ demos: [
+
+ {
+ title: 'Inline colorpicker',
+ desc: 'With few lines of code you could build a colorpicker. You can try more options on the fly!',
+ html: '<div id="colorpicker" />',
+ destroy: '$("#colorpicker").colorpicker("destroy");',
+ options: [
+ { desc: 'Make a colorpicker', source: '$("#colorpicker").colorpicker({flat:true});' }
+ ]
+ },
+
+ {
+ title: 'Triggered colorpicker',
+ desc: 'With few lines of code you could build a colorpicker. You can try more options on the fly!',
+ html: '<input id="colorpicker2" /><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>',
+ destroy: '$("#colorpicker2").colorpicker("destroy");',
+ options: [
+ { desc: 'Make a colorpicker', source: '$("#colorpicker2").colorpicker( {submit: function(e,ui) { $("#colorpicker2").val(ui.hex);} });' },
+ { 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); } });' }
+ ]
+ }
+
+ ]
+ };
+
+ $(function(){
+
+ uiRenderDemo(model);
+
+ });
+
</script> \ No newline at end of file