diff --git a/demos/functional/templates/ui.autocomplete.html b/demos/functional/templates/ui.autocomplete.html index 4811693f9..646dd3784 100644 --- a/demos/functional/templates/ui.autocomplete.html +++ b/demos/functional/templates/ui.autocomplete.html @@ -1,32 +1,32 @@ - \ No newline at end of file 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 @@ - \ No newline at end of file diff --git a/demos/functional/templates/ui.datepicker.dbd.html b/demos/functional/templates/ui.datepicker.dbd.html index 6b2573461..e686b3d25 100644 --- a/demos/functional/templates/ui.datepicker.dbd.html +++ b/demos/functional/templates/ui.datepicker.dbd.html @@ -1,40 +1,40 @@ - - - \ No newline at end of file diff --git a/demos/functional/templates/ui.datepicker.dlg.html b/demos/functional/templates/ui.datepicker.dlg.html index 4d5eaaa7f..fe82c181b 100644 --- a/demos/functional/templates/ui.datepicker.dlg.html +++ b/demos/functional/templates/ui.datepicker.dlg.html @@ -1,6 +1,6 @@ - - \ No newline at end of file diff --git a/demos/functional/templates/ui.datepicker.inl.html b/demos/functional/templates/ui.datepicker.inl.html index 9543a98eb..925ef0718 100644 --- a/demos/functional/templates/ui.datepicker.inl.html +++ b/demos/functional/templates/ui.datepicker.inl.html @@ -1,14 +1,14 @@ - -
- - \ No newline at end of file diff --git a/demos/functional/templates/ui.datepicker.sel.html b/demos/functional/templates/ui.datepicker.sel.html index 3f8185af2..a05b48438 100644 --- a/demos/functional/templates/ui.datepicker.sel.html +++ b/demos/functional/templates/ui.datepicker.sel.html @@ -1,54 +1,54 @@ - - - - - + + + + + diff --git a/demos/functional/templates/ui.datepicker.two.html b/demos/functional/templates/ui.datepicker.two.html index 639aa0518..62e927859 100644 --- a/demos/functional/templates/ui.datepicker.two.html +++ b/demos/functional/templates/ui.datepicker.two.html @@ -1,7 +1,7 @@ - to - \ No newline at end of file diff --git a/demos/functional/templates/ui.magnifier.html b/demos/functional/templates/ui.magnifier.html index fd701ae3b..fddef3d6b 100644 --- a/demos/functional/templates/ui.magnifier.html +++ b/demos/functional/templates/ui.magnifier.html @@ -1,52 +1,52 @@ - \ No newline at end of file diff --git a/demos/functional/templates/ui.progressbar.html b/demos/functional/templates/ui.progressbar.html index cb99c33a9..6c33203e6 100644 --- a/demos/functional/templates/ui.progressbar.html +++ b/demos/functional/templates/ui.progressbar.html @@ -1,35 +1,35 @@ - \ No newline at end of file diff --git a/demos/functional/templates/ui.spinner.html b/demos/functional/templates/ui.spinner.html index acfc1bb80..3db5f288b 100644 --- a/demos/functional/templates/ui.spinner.html +++ b/demos/functional/templates/ui.spinner.html @@ -1,36 +1,36 @@ - \ No newline at end of file diff --git a/tests/all_2.html b/tests/all_2.html index c0c714f96..06ee40166 100644 --- a/tests/all_2.html +++ b/tests/all_2.html @@ -1,81 +1,81 @@ - - - -A simple component to select color in the same way you select color in Adobe Photoshop
-Flat mode.
--
--$('#colorpickerHolder').ColorPicker({flat: true}); --
Custom skin and using flat mode to display the color picker in a custom widget.
-Attached to an text field and using callback functions to update the color with field's value and set the value back in the field by submiting the color.
- --$('#colorpickerField1').ColorPicker({ - onSubmit: function(hsb, hex, rgb) { - $('#colorpickerField1').val(hex); - }, - onBeforeShow: function () { - $(this).ColorPickerSetColor(this.value); - } -}) -.bind('keyup', function(){ - $(this).ColorPickerSetColor(this.value); -}); --
Attached to DOMElement and using callbacks to live preview the color and adding animation.
--
-$('#colorSelector').ColorPicker({ - color: '#0000ff', - onShow: function (colpkr) { - $(colpkr).fadeIn(500); - return false; - }, - onHide: function (colpkr) { - $(colpkr).fadeOut(500); - return false; - }, - onChange: function (hsb, hex, rgb) { - $('#colorSelector div').css('backgroundColor', '#' + hex); - } -}); --
A simple component to select color in the same way you select color in Adobe Photoshop
+Flat mode.
++
++$('#colorpickerHolder').ColorPicker({flat: true}); ++
Custom skin and using flat mode to display the color picker in a custom widget.
+Attached to an text field and using callback functions to update the color with field's value and set the value back in the field by submiting the color.
+ ++$('#colorpickerField1').ColorPicker({ + onSubmit: function(hsb, hex, rgb) { + $('#colorpickerField1').val(hex); + }, + onBeforeShow: function () { + $(this).ColorPickerSetColor(this.value); + } +}) +.bind('keyup', function(){ + $(this).ColorPickerSetColor(this.value); +}); ++
Attached to DOMElement and using callbacks to live preview the color and adding animation.
++
+$('#colorSelector').ColorPicker({ + color: '#0000ff', + onShow: function (colpkr) { + $(colpkr).fadeIn(500); + return false; + }, + onHide: function (colpkr) { + $(colpkr).fadeOut(500); + return false; + }, + onChange: function (hsb, hex, rgb) { + $('#colorSelector div').css('backgroundColor', '#' + hex); + } +}); ++
Blind horizontally
-Blind vertically
-Bounce 3 times
-Clip horizontally
-Clip vertically
-Drop down
-Drop up
-Drop left
-Drop right
-Explode in 9 pieces
-Explode in 36 pieces
-Fold
-Highlight
-Pulsate 2 times
-Puff
-Scale
-Shake
-Slide down
-Slide up
-Slide left
-Slide right
-Transfer to first element
-Blind horizontally
+Blind vertically
+Bounce 3 times
+Clip horizontally
+Clip vertically
+Drop down
+Drop up
+Drop left
+Drop right
+Explode in 9 pieces
+Explode in 36 pieces
+Fold
+Highlight
+Pulsate 2 times
+Puff
+Scale
+Shake
+Slide down
+Slide up
+Slide left
+Slide right
+Transfer to first element
+This is a visual test page for developers and demonstrates some of the features included in ui.spinner. Mousewheel support is provided by the mousewheel plugin.
- --
- -- - - - -
- --
- -- - - - -
- --
- -- - - - -
- --
- - - - -
- --
- -- - - - -
- -This is a visual test page for developers and demonstrates some of the features included in ui.spinner. Mousewheel support is provided by the mousewheel plugin.
+ ++
+ ++ + + + +
+ ++
+ ++ + + + +
+ ++
+ ++ + + + +
+ ++
+ + + + +
+ ++
+ ++ + + + +
+ +