git://source.jalview.org / jalviewjs.git / blobdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | inline | side by side
Merge branch 'master' of https://source.jalview.org/git/jalviewjs.git
[jalviewjs.git] / site / swingjs / jquery / swingjs-slider.htm
diff --git a/site/swingjs/jquery/swingjs-slider.htm b/site/swingjs/jquery/swingjs-slider.htm
index 90f7222..e94eb43 100644 (file)
--- a/site/swingjs/jquery/swingjs-slider.htm
+++ b/site/swingjs/jquery/swingjs-slider.htm
@@ -1,44 +1,44 @@
-<!doctype html>\r
-<html lang="en">\r
-<head>\r
-  <meta charset="utf-8">\r
-  <title>SwingJS/jQuery UI Slider</title>\r
-       <script src="jQuery.js"></script>\r
-\r
-       <link href="jquery-ui-core1.css" rel="stylesheet">\r
-\r
-  <script src="JQuery_UI_Core1.js"></script>\r
-\r
-       <script src="jquery-ui-slider.js"></script>\r
-       <link href="jquery-ui-slider.css" rel="stylesheet">\r
-\r
-  <script>\r
-  $(document).ready(function() {\r
-    $( "#slider" ).slider({\r
-      orientation: "horizontal",\r
-      range: false,\r
-      min: 0,\r
-      max: 100,\r
-      value: 11,\r
-      slide: function( event, ui ) {\r
-        $( "#amount" ).val( ui.value );\r
-      }\r
-    });\r
-    $( "#amount" ).val( $( "#slider" ).slider( "value" ) );\r
-  });\r
-  </script>\r
-</head>\r
-<body>\r
- \r
-<p>\r
-  <label for="amount">Volume:</label>\r
-  <input type="text" id="amount" readonly style="border:0; color:#f6931f; font-weight:bold;">\r
-</p>\r
- \r
-<div id=wrap class="swingjs">\r
-<div id="slider" style="width:200px;height:5px;font-size:10px"></div>\r
-</div>\r
- \r
- \r
-</body>\r
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>SwingJS/jQuery UI Slider</title>
+       <script src="jQuery.js"></script>
+
+       <link href="jquery-ui-core1.css" rel="stylesheet">
+
+  <script src="JQuery_UI_Core1.js"></script>
+
+       <script src="jquery-ui-slider.js"></script>
+       <link href="jquery-ui-slider.css" rel="stylesheet">
+
+  <script>
+  $(document).ready(function() {
+    $( "#slider" ).slider({
+      orientation: "horizontal",
+      range: false,
+      min: 0,
+      max: 100,
+      value: 11,
+      slide: function( event, ui ) {
+        $( "#amount" ).val( ui.value );
+      }
+    });
+    $( "#amount" ).val( $( "#slider" ).slider( "value" ) );
+  });
+  </script>
+</head>
+<body>
+ 
+<p>
+  <label for="amount">Volume:</label>
+  <input type="text" id="amount" readonly style="border:0; color:#f6931f; font-weight:bold;">
+</p>
+ 
+<div id=wrap class="swingjs">
+<div id="slider" style="width:200px;height:5px;font-size:10px"></div>
+</div>
+ 
+ 
+</body>
 </html>
\ No newline at end of file