From 060af83ec9c78fb34b38388c00bb610410e46ee4 Mon Sep 17 00:00:00 2001
From: Scott González <scott.gonzalez@gmail.com>
Date: Wed, 13 Oct 2010 10:39:50 -0400
Subject: Slider demos: Coding standards.

---
 demos/slider/hotelrooms.html | 40 ++++++++++++++++++++--------------------
 1 file changed, 20 insertions(+), 20 deletions(-)

(limited to 'demos/slider/hotelrooms.html')
diff --git a/demos/slider/hotelrooms.html b/demos/slider/hotelrooms.html
index 02f8b772f..6d35ca737 100644
--- a/demos/slider/hotelrooms.html
+++ b/demos/slider/hotelrooms.html
@@ -1,32 +1,32 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-	<meta charset="UTF-8" />
+	<meta charset="utf-8">
 	<title>jQuery UI Slider - Range with fixed minimum</title>
-	<link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" />
-	<script type="text/javascript" src="../../jquery-1.4.2.js"></script>
-	<script type="text/javascript" src="../../ui/jquery.ui.core.js"></script>
-	<script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script>
-	<script type="text/javascript" src="../../ui/jquery.ui.mouse.js"></script>
-	<script type="text/javascript" src="../../ui/jquery.ui.slider.js"></script>
-	<link type="text/css" href="../demos.css" rel="stylesheet" />
-	<style type="text/css">
-		#demo-frame > div.demo { padding: 10px !important; };
+	<link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
+	<script src="../../jquery-1.4.2.js"></script>
+	<script src="../../ui/jquery.ui.core.js"></script>
+	<script src="../../ui/jquery.ui.widget.js"></script>
+	<script src="../../ui/jquery.ui.mouse.js"></script>
+	<script src="../../ui/jquery.ui.slider.js"></script>
+	<link rel="stylesheet" href="../demos.css">
+	<style>
+	#demo-frame > div.demo { padding: 10px !important; };
 	</style>
-	<script type="text/javascript">
+	<script>
 	$(function() {
-		var select = $("#minbeds");
-		var slider = $('<div id="slider"></div>').insertAfter(select).slider({
+		var select = $( "#minbeds" );
+		var slider = $( "<div id='slider'></div>" ).insertAfter( select ).slider({
 			min: 1,
 			max: 6,
 			range: "min",
-			value: select[0].selectedIndex + 1,
-			slide: function(event, ui) {
-				select[0].selectedIndex = ui.value - 1;
+			value: select[ 0 ].selectedIndex + 1,
+			slide: function( event, ui ) {
+				select[ 0 ].selectedIndex = ui.value - 1;
 			}
 		});
-		$("#minbeds").click(function() {
-			slider.slider("value", this.selectedIndex + 1);
+		$( "#minbeds" ).change(function() {
+			slider.slider( "value", this.selectedIndex + 1 );
 		});
 	});
 	</script>
@@ -49,10 +49,10 @@
 
 </div><!-- End demo -->
 
-<div class="demo-description">
 
-<p>How to bind a slider to an existing select element. The select stays visible to display the change. When the select is changed, the slider is updated, too.</p>
 
+<div class="demo-description">
+<p>How to bind a slider to an existing select element. The select stays visible to display the change. When the select is changed, the slider is updated, too.</p>
 </div><!-- End demo-description -->
 
 </body>
-- 
cgit v1.2.3

