aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorAlexander Schmitz <arschmitz@gmail.com>2015-06-30 23:45:49 -0400
committerAlexander Schmitz <arschmitz@gmail.com>2015-07-21 11:00:42 -0400
commitd1c0e381857c05d51e6495947aead908df45c634 (patch)
treeb0abfb36f89441fab10397d78a4d906319a069c7
parent48f31d7dd0183cc79f8ed26a657c67dd82b48300 (diff)
downloadjquery-ui-d1c0e381857c05d51e6495947aead908df45c634.tar.gz
jquery-ui-d1c0e381857c05d51e6495947aead908df45c634.zip
Tabs: Update demos to use AMD
Ref #10119
Diffstat
-rw-r--r--demos/tabs/ajax.html9
-rw-r--r--demos/tabs/collapsible.html9
-rw-r--r--demos/tabs/default.html9
-rw-r--r--demos/tabs/manipulation.html12
-rw-r--r--demos/tabs/mouseover.html9
-rw-r--r--demos/tabs/sortable.html11
-rw-r--r--demos/tabs/vertical.html9
7 files changed, 14 insertions, 54 deletions
diff --git a/demos/tabs/ajax.html b/demos/tabs/ajax.html
index 7a486fc96..c8a247e66 100644
--- a/demos/tabs/ajax.html
+++ b/demos/tabs/ajax.html
@@ -4,13 +4,9 @@
<meta charset="utf-8">
<title>jQuery UI Tabs - Content via Ajax</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/tabs.js"></script>
<link rel="stylesheet" href="../demos.css">
- <script>
- $(function() {
+ <script src="../../external/requirejs/require.js"></script>
+ <script src="../bootstrap.js">
$( "#tabs" ).tabs({
beforeLoad: function( event, ui ) {
ui.jqXHR.fail(function() {
@@ -20,7 +16,6 @@
});
}
});
- });
</script>
</head>
<body>
diff --git a/demos/tabs/collapsible.html b/demos/tabs/collapsible.html
index dcb79954e..d1e3861a8 100644
--- a/demos/tabs/collapsible.html
+++ b/demos/tabs/collapsible.html
@@ -4,17 +4,12 @@
<meta charset="utf-8">
<title>jQuery UI Tabs - Collapse content</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/tabs.js"></script>
<link rel="stylesheet" href="../demos.css">
- <script>
- $(function() {
+ <script src="../../external/requirejs/require.js"></script>
+ <script src="../bootstrap.js">
$( "#tabs" ).tabs({
collapsible: true
});
- });
</script>
</head>
<body>
diff --git a/demos/tabs/default.html b/demos/tabs/default.html
index 966a1057f..c68e0afa6 100644
--- a/demos/tabs/default.html
+++ b/demos/tabs/default.html
@@ -4,15 +4,10 @@
<meta charset="utf-8">
<title>jQuery UI Tabs - 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/tabs.js"></script>
<link rel="stylesheet" href="../demos.css">
- <script>
- $(function() {
+ <script src="../../external/requirejs/require.js"></script>
+ <script src="../bootstrap.js">
$( "#tabs" ).tabs();
- });
</script>
</head>
<body>
diff --git a/demos/tabs/manipulation.html b/demos/tabs/manipulation.html
index f7202ee48..bb4bb34c7 100644
--- a/demos/tabs/manipulation.html
+++ b/demos/tabs/manipulation.html
@@ -4,13 +4,6 @@
<meta charset="utf-8">
<title>jQuery UI Tabs - Simple manipulation</title>
<link rel="stylesheet" href="../../themes/base/all.css">
- <script src="../../external/jquery/jquery.js"></script>
- <script src="../../ui/position.js"></script>
- <script src="../../ui/core.js"></script>
- <script src="../../ui/widget.js"></script>
- <script src="../../ui/button.js"></script>
- <script src="../../ui/tabs.js"></script>
- <script src="../../ui/dialog.js"></script>
<link rel="stylesheet" href="../demos.css">
<style>
#dialog label, #dialog input { display:block; }
@@ -20,8 +13,8 @@
#tabs li .ui-icon-close { float: left; margin: 0.4em 0.2em 0 0; cursor: pointer; }
#add_tab { cursor: pointer; }
</style>
- <script>
- $(function() {
+ <script src="../../external/requirejs/require.js"></script>
+ <script src="../bootstrap.js" data-modules="dialog">
var tabTitle = $( "#tab_title" ),
tabContent = $( "#tab_content" ),
tabTemplate = "<li><a href='#{href}'>#{label}</a> <span class='ui-icon ui-icon-close' role='presentation'>Remove Tab</span></li>",
@@ -88,7 +81,6 @@
tabs.tabs( "refresh" );
}
});
- });
</script>
</head>
<body>
diff --git a/demos/tabs/mouseover.html b/demos/tabs/mouseover.html
index 6fb316114..2a356d109 100644
--- a/demos/tabs/mouseover.html
+++ b/demos/tabs/mouseover.html
@@ -4,17 +4,12 @@
<meta charset="utf-8">
<title>jQuery UI Tabs - Open on mouseover</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/tabs.js"></script>
<link rel="stylesheet" href="../demos.css">
- <script>
- $(function() {
+ <script src="../../external/requirejs/require.js"></script>
+ <script src="../bootstrap.js">
$( "#tabs" ).tabs({
event: "mouseover"
});
- });
</script>
</head>
<body>
diff --git a/demos/tabs/sortable.html b/demos/tabs/sortable.html
index 1bc865aa0..7c4a05b60 100644
--- a/demos/tabs/sortable.html
+++ b/demos/tabs/sortable.html
@@ -4,15 +4,9 @@
<meta charset="utf-8">
<title>jQuery UI Tabs - Sortable</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/sortable.js"></script>
- <script src="../../ui/tabs.js"></script>
<link rel="stylesheet" href="../demos.css">
- <script>
- $(function() {
+ <script src="../../external/requirejs/require.js"></script>
+ <script src="../bootstrap.js" data-modules="sortable">
var tabs = $( "#tabs" ).tabs();
tabs.find( ".ui-tabs-nav" ).sortable({
axis: "x",
@@ -20,7 +14,6 @@
tabs.tabs( "refresh" );
}
});
- });
</script>
</head>
<body>
diff --git a/demos/tabs/vertical.html b/demos/tabs/vertical.html
index 98f2ba3b4..00e16eafc 100644
--- a/demos/tabs/vertical.html
+++ b/demos/tabs/vertical.html
@@ -4,16 +4,11 @@
<meta charset="utf-8">
<title>jQuery UI Tabs - Vertical Tabs 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/tabs.js"></script>
<link rel="stylesheet" href="../demos.css">
- <script>
- $(function() {
+ <script src="../../external/requirejs/require.js"></script>
+ <script src="../bootstrap.js">
$( "#tabs" ).tabs().addClass( "ui-tabs-vertical ui-helper-clearfix" );
$( "#tabs li" ).removeClass( "ui-corner-top" ).addClass( "ui-corner-left" );
- });
</script>
<style>
.ui-tabs-vertical { width: 55em; }
generated by cgit v1.2.3 (git 2.39.1) at 2024-12-28 16:33:12 +0000