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"> <meta charset="utf-8">
<title>jQuery UI Progressbar - Default functionality</title> <title>jQuery UI Progressbar - Default functionality</title>
<link rel="stylesheet" href="../../themes/base/all.css"> <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"> <link rel="stylesheet" href="../demos.css">
<script> <script src="../../external/requirejs/require.js"></script>
$(function() { <script src="../bootstrap.js">
$( "#progressbar" ).progressbar({ $( "#progressbar" ).progressbar({
value: 37 value: 37
}); });
});
</script> </script>
</head> </head>
<body> <body>

View File

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

View File

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

View File

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