aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorScott González <scott.gonzalez@gmail.com>2010-09-10 10:27:32 -0400
committerScott González <scott.gonzalez@gmail.com>2010-09-10 10:27:32 -0400
commit9958d2968fff7f05b3d695299914e83f14e69e16 (patch)
treedf024ac8187309648faea9156b107db327e9e9de
parent4a4fab829f850d9de69f5f0c2cd718933d9b8944 (diff)
downloadjquery-ui-9958d2968fff7f05b3d695299914e83f14e69e16.tar.gz
jquery-ui-9958d2968fff7f05b3d695299914e83f14e69e16.zip
Progressbar demos: Coding standards.
-rw-r--r--demos/progressbar/animated.html26
-rw-r--r--demos/progressbar/default.html24
-rw-r--r--demos/progressbar/index.html4
-rw-r--r--demos/progressbar/resize.html34
4 files changed, 42 insertions, 46 deletions
diff --git a/demos/progressbar/animated.html b/demos/progressbar/animated.html
index e094f64a3..0d01d1485 100644
--- 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 86c7c9c54..c79a3ef7c 100644
--- 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 cf8ee9fe3..9836f59aa 100644
--- 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 c16b1c081..69fc60b96 100644
--- 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>