From d185e8cc05d0b50b4f688e0e2bcba15f39b33f21 Mon Sep 17 00:00:00 2001
From: Eduardo Lundgren <eduardolundgren@gmail.com>
Date: Mon, 9 Jun 2008 06:20:15 +0000
Subject: - Added functional demo application - Removed datepicker folder from
 functional demo folder

---
 demos/functional/templates/ui.slider.html | 44 +++++++++++++++++++++++++++++++
 1 file changed, 44 insertions(+)
 create mode 100644 demos/functional/templates/ui.slider.html

(limited to 'demos/functional/templates/ui.slider.html')

diff --git a/demos/functional/templates/ui.slider.html b/demos/functional/templates/ui.slider.html
new file mode 100644
index 000000000..c05cd605e
--- /dev/null
+++ b/demos/functional/templates/ui.slider.html
@@ -0,0 +1,44 @@
+<script type="text/javascript">
+
+	var model = {
+		
+		renderAt: '#containerDemo',
+
+		title: 'Slider Demos',
+		
+		demos: [
+
+			{
+				title: 'Simple slider',
+				desc: 'With few lines of code you could build a slider. You can try more options on the fly!',
+				html: '<div id="slider3"><div class="ui-slider-handle"></div></div>',
+				destroy: '$("#slider3").sortable("destroy");',
+				options: [
+					{
+						desc: 'Make a simple slider',
+						source:	'$("#slider3").slider();'
+					}
+				]
+			},
+			
+			{
+				title: 'Multiple slides',
+				desc: 'You can also have multiples slides.',
+				html: '<div id="slider1" class="ui-slider-2"><div class="ui-slider-handle"></div><div class="ui-slider-handle" style="left:100px"></div></div>',
+				destroy: '$("#slider1").slider("destroy");',
+				options: [
+					{ desc: 'Multiple slides', source:	'$("#slider1").slider();'	}
+					//, { desc: 'Multiple slides with range', source:	'$("#slider1").slider({ range: true });'	}
+				]
+			}
+
+		]
+	};
+
+	$(function(){
+
+		uiRenderDemo(model);
+
+	});
+
+</script>
\ No newline at end of file
-- 
cgit v1.2.3