]> source.dussan.org Git - jquery-ui.git/commitdiff
projects / jquery-ui.git / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (parent: 4a4fab8)
Progressbar demos: Coding standards.
authorScott González <scott.gonzalez@gmail.com>
Fri, 10 Sep 2010 14:27:32 +0000 (10:27 -0400)
committerScott González <scott.gonzalez@gmail.com>
Fri, 10 Sep 2010 14:27:32 +0000 (10:27 -0400)
demos/progressbar/animated.html patch | blob | history
demos/progressbar/default.html patch | blob | history
demos/progressbar/index.html patch | blob | history
demos/progressbar/resize.html patch | blob | history

diff --git a/demos/progressbar/animated.html b/demos/progressbar/animated.html
index e094f64a381a58152c99cb04c4ad760ed318daac..0d01d148543aaebc1ede26ff742a45fd92b7b6f7 100644 (file)
--- a/demos/progressbar/animated.html
+++ b/demos/progressbar/animated.html
@@ -1,20 +1,20 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-       <meta charset="UTF-8" />
+       <meta charset="utf-8">
        <title>jQuery UI Progressbar - Animated</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.progressbar.js"></script>
-       <link type="text/css" href="../demos.css" rel="stylesheet" />
-       <style type="text/css">
-               .ui-progressbar-value { background-image: url(images/pbar-ani.gif); }
+       <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.progressbar.js"></script>
+       <link rel="stylesheet" href="../demos.css">
+       <style>
+       .ui-progressbar-value { background-image: url(images/pbar-ani.gif); }
        </style>
-       <script type="text/javascript">
+       <script>
        $(function() {
-               $("#progressbar").progressbar({
+               $( "#progressbar" ).progressbar({
                        value: 59
                });
        });
@@ -28,8 +28,9 @@
 
 </div><!-- End demo -->
 
-<div class="demo-description">
 
+
+<div class="demo-description">
 <p>
 This progressbar has an animated fill by setting the
 <code>background-image</code>
@@ -37,7 +38,6 @@ on the
 <code>.ui-progressbar-value</code>
 element, using css.
 </p>
-
 </div><!-- End demo-description -->
 
 </body>
diff --git a/demos/progressbar/default.html b/demos/progressbar/default.html
index 86c7c9c54e0c83a45d2cf0e21f2482fdda7300c7..c79a3ef7ca8d5822cbf5d1b625c195476105c9db 100644 (file)
--- a/demos/progressbar/default.html
+++ b/demos/progressbar/default.html
@@ -1,17 +1,17 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-       <meta charset="UTF-8" />
+       <meta charset="utf-8">
        <title>jQuery UI Progressbar - Default functionality</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.progressbar.js"></script>
-       <link type="text/css" href="../demos.css" rel="stylesheet" />
-       <script type="text/javascript">
+       <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.progressbar.js"></script>
+       <link rel="stylesheet" href="../demos.css">
+       <script>
        $(function() {
-               $("#progressbar").progressbar({
+               $( "#progressbar" ).progressbar({
                        value: 37
                });
        });
@@ -21,19 +21,15 @@
 
 <div class="demo">
 
-       <div id="progressbar"></div>
+<div id="progressbar"></div>
 
 </div><!-- End demo -->
 
 
 
 <div class="demo-description">
-
 <p>Default determinate progress bar.</p>
-
 </div><!-- End demo-description -->
 
-
-
 </body>
 </html>
diff --git a/demos/progressbar/index.html b/demos/progressbar/index.html
index cf8ee9fe370f9c57d0d053fe62e01234f7a96d0d..9836f59aa8551a16554f847ef4ecb098d53b2806 100644 (file)
--- a/demos/progressbar/index.html
+++ b/demos/progressbar/index.html
@@ -1,9 +1,9 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-       <meta charset="UTF-8" />
+       <meta charset="utf-8">
        <title>jQuery UI Progressbar Demos</title>
-       <link type="text/css" href="../demos.css" rel="stylesheet" />
+       <link rel="stylesheet" href="../demos.css">
 </head>
 <body>
 
diff --git a/demos/progressbar/resize.html b/demos/progressbar/resize.html
index c16b1c081f25c533236013202fae2e70cd09653b..69fc60b96972a17f7c0dfb0f85987b44d0da47da 100644 (file)
--- a/demos/progressbar/resize.html
+++ b/demos/progressbar/resize.html
@@ -1,22 +1,22 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-       <meta charset="UTF-8" />
+       <meta charset="utf-8">
        <title>jQuery UI Progressbar - Resizable</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.progressbar.js"></script>
-       <script type="text/javascript" src="../../ui/jquery.ui.resizable.js"></script>
-       <link type="text/css" href="../demos.css" rel="stylesheet" />
-       <script type="text/javascript">
+       <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.progressbar.js"></script>
+       <script src="../../ui/jquery.ui.resizable.js"></script>
+       <link rel="stylesheet" href="../demos.css">
+       <script>
        $(function() {
-               $("#progressbar").progressbar({
+               $( "#progressbar" ).progressbar({
                        value: 37
                });
-               $("#progressbarWrapper").resizable();
+               $( "#progressbarWrapper" ).resizable();
        });
        </script>
 </head>
@@ -24,16 +24,16 @@
 
 <div class="demo">
 
-       <div id="progressbarWrapper" style="height:30px; " class="ui-widget-default">
-               <div id="progressbar" style="height:100%;"></div>
-       </div>
+<div id="progressbarWrapper" style="height:30px; " class="ui-widget-default">
+       <div id="progressbar" style="height:100%;"></div>
+</div>
 
 </div><!-- End demo -->
 
-<div class="demo-description">
 
-<p>The progress bar's widths are specified in percentages for flexible sizing so it will resize to fit its container. Try resizing the height and width of this bar to see how it maintains the correct proportions. (This is not necessarily a real-world example, but it's a good illustration of how flexibly all the plugins are coded.)</p>
 
+<div class="demo-description">
+<p>The progress bar's widths are specified in percentages for flexible sizing so it will resize to fit its container. Try resizing the height and width of this bar to see how it maintains the correct proportions. (This is not necessarily a real-world example, but it's a good illustration of how flexibly all the plugins are coded.)</p>
 </div><!-- End demo-description -->
 
 </body>
The official jQuery user interface library: https://github.com/jquery/jquery-ui