aboutsummaryrefslogtreecommitdiffstats
path: root/demos
diff options
context:
space:
mode:
authorAlexander Schmitz <arschmitz@gmail.com>2015-06-30 17:00:57 -0400
committerAlexander Schmitz <arschmitz@gmail.com>2015-07-21 11:00:41 -0400
commitf18ec88ea8dab42c884004ab36a02874f716afe2 (patch)
tree1beed0dd52c7472f172306b3112d4d53e5333793 /demos
parent0935c9af366bfc412db4cc2bea8b544d5588a7b2 (diff)
downloadjquery-ui-f18ec88ea8dab42c884004ab36a02874f716afe2.tar.gz
jquery-ui-f18ec88ea8dab42c884004ab36a02874f716afe2.zip
Dialog: Switch demos to use AMD
Ref #10119
Diffstat (limited to 'demos')
-rw-r--r--demos/dialog/animated.html17
-rw-r--r--demos/dialog/default.html14
-rw-r--r--demos/dialog/modal-confirmation.html13
-rw-r--r--demos/dialog/modal-form.html15
-rw-r--r--demos/dialog/modal-message.html14
5 files changed, 10 insertions, 63 deletions
diff --git a/demos/dialog/animated.html b/demos/dialog/animated.html
index 02c3fd31f..088ca0ea9 100644
--- a/demos/dialog/animated.html
+++ b/demos/dialog/animated.html
@@ -4,21 +4,9 @@
<meta charset="utf-8">
<title>jQuery UI Dialog - Animation</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/mouse.js"></script>
- <script src="../../ui/draggable.js"></script>
- <script src="../../ui/position.js"></script>
- <script src="../../ui/resizable.js"></script>
- <script src="../../ui/button.js"></script>
- <script src="../../ui/dialog.js"></script>
- <script src="../../ui/effect.js"></script>
- <script src="../../ui/effect-blind.js"></script>
- <script src="../../ui/effect-explode.js"></script>
<link rel="stylesheet" href="../demos.css">
- <script>
- $(function() {
+ <script src="../../external/requirejs/require.js"></script>
+ <script src="../bootstrap.js" data-modules="effect effect-blind effect-explode">
$( "#dialog" ).dialog({
autoOpen: false,
show: {
@@ -34,7 +22,6 @@
$( "#opener" ).on( "click", function() {
$( "#dialog" ).dialog( "open" );
});
- });
</script>
</head>
<body>
diff --git a/demos/dialog/default.html b/demos/dialog/default.html
index 41c811668..e86281a47 100644
--- a/demos/dialog/default.html
+++ b/demos/dialog/default.html
@@ -4,20 +4,10 @@
<meta charset="utf-8">
<title>jQuery UI Dialog - 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/mouse.js"></script>
- <script src="../../ui/draggable.js"></script>
- <script src="../../ui/position.js"></script>
- <script src="../../ui/resizable.js"></script>
- <script src="../../ui/button.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">
$( "#dialog" ).dialog();
- });
</script>
</head>
<body>
diff --git a/demos/dialog/modal-confirmation.html b/demos/dialog/modal-confirmation.html
index 741f59d38..9ae4b1e98 100644
--- a/demos/dialog/modal-confirmation.html
+++ b/demos/dialog/modal-confirmation.html
@@ -4,17 +4,9 @@
<meta charset="utf-8">
<title>jQuery UI Dialog - Modal confirmation</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/mouse.js"></script>
- <script src="../../ui/button.js"></script>
- <script src="../../ui/draggable.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">
$( "#dialog-confirm" ).dialog({
resizable: false,
height: "auto",
@@ -29,7 +21,6 @@
}
}
});
- });
</script>
</head>
<body>
diff --git a/demos/dialog/modal-form.html b/demos/dialog/modal-form.html
index 919bb0733..7933c685a 100644
--- a/demos/dialog/modal-form.html
+++ b/demos/dialog/modal-form.html
@@ -4,16 +4,6 @@
<meta charset="utf-8">
<title>jQuery UI Dialog - Modal form</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/mouse.js"></script>
- <script src="../../ui/button.js"></script>
- <script src="../../ui/draggable.js"></script>
- <script src="../../ui/position.js"></script>
- <script src="../../ui/resizable.js"></script>
- <script src="../../ui/dialog.js"></script>
- <script src="../../ui/effect.js"></script>
<link rel="stylesheet" href="../demos.css">
<style>
label, input { display:block; }
@@ -26,8 +16,8 @@
.ui-dialog .ui-state-error { padding: .3em; }
.validateTips { border: 1px solid transparent; padding: 0.3em; }
</style>
- <script>
- $(function() {
+ <script src="../../external/requirejs/require.js"></script>
+ <script src="../bootstrap.js" data-modules="effect">
var dialog, form,
// From http://www.whatwg.org/specs/web-apps/current-work/multipage/states-of-the-type-attribute.html#e-mail-state-%28type=email%29
@@ -116,7 +106,6 @@
$( "#create-user" ).button().on( "click", function() {
dialog.dialog( "open" );
});
- });
</script>
</head>
<body>
diff --git a/demos/dialog/modal-message.html b/demos/dialog/modal-message.html
index ce04bd66c..137884627 100644
--- a/demos/dialog/modal-message.html
+++ b/demos/dialog/modal-message.html
@@ -4,18 +4,9 @@
<meta charset="utf-8">
<title>jQuery UI Dialog - Modal message</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/mouse.js"></script>
- <script src="../../ui/button.js"></script>
- <script src="../../ui/draggable.js"></script>
- <script src="../../ui/position.js"></script>
- <script src="../../ui/resizable.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="effect">
$( "#dialog-message" ).dialog({
modal: true,
buttons: {
@@ -24,7 +15,6 @@
}
}
});
- });
</script>
</head>
<body>