diff options
| author | Chi Cheng <cloudream@gmail.com> | 2008-08-07 17:17:06 +0000 |
|---|---|---|
| committer | Chi Cheng <cloudream@gmail.com> | 2008-08-07 17:17:06 +0000 |
| commit | 00f817251a1a7c7b61f2bae1d0b3b76501481aa8 (patch) | |
| tree | f74991d63c877b6e087e35e3840fc9578115dc3b /demos/functional | |
| parent | 69c006c07ffcff54c33979059a7ffe2ab65b47c1 (diff) | |
| download | jquery-ui-00f817251a1a7c7b61f2bae1d0b3b76501481aa8.tar.gz jquery-ui-00f817251a1a7c7b61f2bae1d0b3b76501481aa8.zip | |
Functional demos
-Add 1.6 widgets links
-Add spinner
-Add colorpicker
Diffstat (limited to 'demos/functional')
| -rw-r--r-- | demos/functional/index.html | 14 | ||||
| -rw-r--r-- | demos/functional/templates/ui.colorpicker.html | 41 | ||||
| -rw-r--r-- | demos/functional/templates/ui.spinner.html | 35 |
3 files changed, 89 insertions, 1 deletions
diff --git a/demos/functional/index.html b/demos/functional/index.html index 65172a4c7..a4a5478ea 100644 --- a/demos/functional/index.html +++ b/demos/functional/index.html @@ -16,11 +16,15 @@ <link rel="stylesheet" href="css/functional_demos.css" type="text/css" media="screen"> <link rel="stylesheet" href="css/chilli-recipes.css" type="text/css" media="screen"> <link rel="stylesheet" href="../../themes/flora/flora.all.css" type="text/css" media="screen" title="Flora (Default)" /> + <link rel="stylesheet" href="../../themes/default/ui.autocomplete.css" type="text/css" media="screen" title="Autocomplete (Default)" /> + <link rel="stylesheet" href="../../themes/default/ui.colorpicker.css" type="text/css" media="screen" title="Colorpicker (Default)" /> <script type="text/javascript" src="../../jquery-1.2.6.js"></script> <script type="text/javascript" src="../../ui/ui.core.js"></script> <script type="text/javascript" src="../../ui/ui.accordion.js"></script> + <script type="text/javascript" src="../../ui/ui.autocomplete.js"></script> + <script type="text/javascript" src="../../ui/ui.colorpicker.js"></script> <script type="text/javascript" src="../../ui/ui.datepicker.js"></script> <script type="text/javascript" src="../../ui/i18n/ui.datepicker-ar.js"></script> <script type="text/javascript" src="../../ui/i18n/ui.datepicker-bg.js"></script> @@ -58,8 +62,11 @@ <script type="text/javascript" src="../../ui/ui.draggable.js"></script> <script type="text/javascript" src="../../ui/ui.droppable.js"></script> <script type="text/javascript" src="../../ui/ui.resizable.js"></script> + <script type="text/javascript" src="../../ui/ui.magnifier.js"></script> + <script type="text/javascript" src="../../ui/ui.progressbar.js"></script> <script type="text/javascript" src="../../ui/ui.selectable.js"></script> <script type="text/javascript" src="../../ui/ui.slider.js"></script> + <script type="text/javascript" src="../../ui/ui.spinner.js"></script> <script type="text/javascript" src="../../ui/ui.sortable.js"></script> <script type="text/javascript" src="../../ui/ui.tabs.js"></script> <script type="text/javascript" src="../../ui/effects.core.js"></script> @@ -149,9 +156,14 @@ <ul class="component-links"> <li><a href="#ui.accordion" title="Goto Accordion's Component Page">Accordion</a></li> + <li><a href="#ui.autocomplete" title="Goto Accordion's Component Page">Autocomplete</a></li> + <li><a href="#ui.colorpicker" title="Goto Colorpicker's Component Page">Colorpicker</a></li> <li><a href="#ui.datepicker" title="Goto Datepicker's Component Page">Datepicker</a></li> <li><a href="#ui.dialog" title="Goto Dialog's Component Page">Dialog</a></li> + <li><a href="#ui.magnifier" title="Goto Spinner Component Page">Magnifier</a></li> + <li><a href="#ui.progressbar" title="Goto Spinner Component Page">Progressbar</a></li> <li><a href="#ui.slider" title="Goto Slider Component Page">Slider</a></li> + <li><a href="#ui.spinner" title="Goto Spinner Component Page">Spinner</a></li> <li><a href="#ui.tabs" title="Goto Tabs Component Page">Tabs</a></li> </ul> </div> @@ -216,4 +228,4 @@ <!--[if lte IE 7]></div><![endif]--> </body> -</html>
\ No newline at end of file +</html> diff --git a/demos/functional/templates/ui.colorpicker.html b/demos/functional/templates/ui.colorpicker.html new file mode 100644 index 000000000..33b57ec03 --- /dev/null +++ b/demos/functional/templates/ui.colorpicker.html @@ -0,0 +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" />',
+ 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 diff --git a/demos/functional/templates/ui.spinner.html b/demos/functional/templates/ui.spinner.html new file mode 100644 index 000000000..571163f2e --- /dev/null +++ b/demos/functional/templates/ui.spinner.html @@ -0,0 +1,35 @@ +<script type="text/javascript">
+
+ var model = {
+
+ renderAt: '#containerDemo',
+
+ title: 'Spinner Demos',
+
+ demos: [
+
+ {
+ title: 'Simple spinner',
+ desc: 'With few lines of code you could build a spinner. You can try more options on the fly!',
+ html: '<input id="spinner" type="text" />',
+ destroy: '$("#spinner").spinner("destroy");',
+ options: [
+ { desc: 'Make a spinner', source: '$("#spinner").spinner();' },
+ { desc: 'A spinner with min and max value', source: '$("#spinner").spinner({min:-100, max:150});' },
+ { desc: 'Big stepping', source: '$("#spinner").spinner({stepping:100});' },
+ { desc: 'Disable incremental option', source: '$("#spinner").spinner({incremental:false});' },
+ { desc: 'Enable the spinner', source: '$("#spinner").attr("disabled","");' },
+ { desc: 'Disable the spinner', source: '$("#spinner").attr("disabled","disabled");' }
+ ]
+ }
+
+ ]
+ };
+
+ $(function(){
+
+ uiRenderDemo(model);
+
+ });
+
+</script>
\ No newline at end of file |