Progressbar: Update demos to use AMD

Ref #10119
This commit is contained in:
Alexander Schmitz 2015-06-30 22:11:05 -04:00
parent febd120d75
commit df37d7d505
4 changed files with 8 additions and 33 deletions

View File

@ -4,17 +4,12 @@
<meta charset="utf-8">
<title>jQuery UI Progressbar - Default functionality</title>
<link rel="stylesheet" href="../../themes/base/all.css">
<script src="../../external/jquery/jquery.js"></script>
<script src="../../ui/core.js"></script>
<script src="../../ui/widget.js"></script>
<script src="../../ui/progressbar.js"></script>
<link rel="stylesheet" href="../demos.css">
<script>
$(function() {
<script src="../../external/requirejs/require.js"></script>
<script src="../bootstrap.js">
$( "#progressbar" ).progressbar({
value: 37
});
});
</script>
</head>
<body>

View File

@ -4,18 +4,9 @@
<meta charset="utf-8">
<title>jQuery UI Progressbar - Download Dialog</title>
<link rel="stylesheet" href="../../themes/base/all.css">
<script src="../../external/jquery/jquery.js"></script>
<script src="../../ui/core.js"></script>
<script src="../../ui/widget.js"></script>
<script src="../../ui/progressbar.js"></script>
<script src="../../ui/mouse.js"></script>
<script src="../../ui/draggable.js"></script>
<script src="../../ui/button.js"></script>
<script src="../../ui/position.js"></script>
<script src="../../ui/dialog.js"></script>
<link rel="stylesheet" href="../demos.css">
<script>
$(function() {
<script src="../../external/requirejs/require.js"></script>
<script src="../bootstrap.js" data-modules="dialog">
var progressTimer,
progressbar = $( "#progressbar" ),
progressLabel = $( ".progress-label" ),
@ -83,7 +74,6 @@
.text( "Starting download..." );
downloadButton.trigger( "focus" );
}
});
</script>
<style>
#progressbar {

View File

@ -4,13 +4,9 @@
<meta charset="utf-8">
<title>jQuery UI Progressbar - Indeterminate Value</title>
<link rel="stylesheet" href="../../themes/base/all.css">
<script src="../../external/jquery/jquery.js"></script>
<script src="../../ui/core.js"></script>
<script src="../../ui/widget.js"></script>
<script src="../../ui/progressbar.js"></script>
<link rel="stylesheet" href="../demos.css">
<script>
$(function() {
<script src="../../external/requirejs/require.js"></script>
<script src="../bootstrap.js">
$( "#progressbar" ).progressbar({
value: false
});
@ -31,7 +27,6 @@
progressbar.progressbar( "option", "value", false );
}
});
});
</script>
<style>
#progressbar .ui-progressbar-value {

View File

@ -4,10 +4,6 @@
<meta charset="utf-8">
<title>jQuery UI Progressbar - Custom Label</title>
<link rel="stylesheet" href="../../themes/base/all.css">
<script src="../../external/jquery/jquery.js"></script>
<script src="../../ui/core.js"></script>
<script src="../../ui/widget.js"></script>
<script src="../../ui/progressbar.js"></script>
<link rel="stylesheet" href="../demos.css">
<style>
.ui-progressbar {
@ -21,8 +17,8 @@
text-shadow: 1px 1px 0 #fff;
}
</style>
<script>
$(function() {
<script src="../../external/requirejs/require.js"></script>
<script src="../bootstrap.js">
var progressbar = $( "#progressbar" ),
progressLabel = $( ".progress-label" );
@ -47,7 +43,6 @@
}
setTimeout( progress, 2000 );
});
</script>
</head>
<body>