aboutsummaryrefslogtreecommitdiffstats
path: root/demos/progressbar
diff options
context:
space:
mode:
authorRichard Worth <rdworth@gmail.com>2008-12-31 06:29:31 +0000
committerRichard Worth <rdworth@gmail.com>2008-12-31 06:29:31 +0000
commit016eb2487a0c781d35a75131134db97453f8ace7 (patch)
tree58bf4c827f7f946bd8730462e64cd10dae6fce2f /demos/progressbar
parentac1866a7b09c6356d2ab25215f6de2bf0ee12803 (diff)
downloadjquery-ui-016eb2487a0c781d35a75131134db97453f8ace7.tar.gz
jquery-ui-016eb2487a0c781d35a75131134db97453f8ace7.zip
demos: moved the demos.css link down so it can override default theme styles. other minor updates.
Diffstat (limited to 'demos/progressbar')
-rw-r--r--demos/progressbar/default.html2
-rw-r--r--demos/progressbar/resize.html12
2 files changed, 3 insertions, 11 deletions
diff --git a/demos/progressbar/default.html b/demos/progressbar/default.html
index 012e18f07..94b451e57 100644
--- a/demos/progressbar/default.html
+++ b/demos/progressbar/default.html
@@ -2,11 +2,11 @@
<html lang="en">
<head>
<title>jQuery UI Progressbar - Default Demo</title>
- <link type="text/css" href="../demos.css" rel="stylesheet" />
<link type="text/css" href="../../themes/default/ui.all.css" rel="stylesheet" />
<script type="text/javascript" src="../../jquery-1.2.6.js"></script>
<script type="text/javascript" src="../../ui/ui.core.js"></script>
<script type="text/javascript" src="../../ui/ui.progressbar.js"></script>
+ <link type="text/css" href="../demos.css" rel="stylesheet" />
<script type="text/javascript">
$(function() {
$("#progressbar").progressbar({
diff --git a/demos/progressbar/resize.html b/demos/progressbar/resize.html
index e96938f75..e87f7a8a6 100644
--- a/demos/progressbar/resize.html
+++ b/demos/progressbar/resize.html
@@ -2,22 +2,18 @@
<html lang="en">
<head>
<title>jQuery UI Progressbar - Resize Demo</title>
- <link type="text/css" href="../demos.css" rel="stylesheet" />
<link type="text/css" href="../../themes/default/ui.all.css" rel="stylesheet" />
<script type="text/javascript" src="../../jquery-1.2.6.js"></script>
<script type="text/javascript" src="../../ui/ui.core.js"></script>
<script type="text/javascript" src="../../ui/ui.progressbar.js"></script>
<script type="text/javascript" src="../../ui/ui.resizable.js"></script>
-
+ <link type="text/css" href="../demos.css" rel="stylesheet" />
<script type="text/javascript">
$(function() {
$("#progressbar").progressbar({
value: 37
});
- });
- $(function() {
- $("#progressbarWrapper").resizable({
- });
+ $("#progressbarWrapper").resizable();
});
</script>
</head>
@@ -31,15 +27,11 @@
</div><!-- End demo -->
-
-
<div class="demo-description">
<p>Since the progress bar is coded in percentages for flexible sizing, it will resize to fit whatever block it's placed inside. Try resizing the height and width of this bar to see how it maintains the correct proportions. This is not a real-world example, but it's a good illustration of how flexibly all the plugins are coded.</p>
</div><!-- End demo-description -->
-
-
</body>
</html>