]> source.dussan.org Git - jquery-ui.git/commitdiff
projects / jquery-ui.git / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (parent: df37d7d)
Resizable: Update demos to use AMD
authorAlexander Schmitz <arschmitz@gmail.com>
Wed, 1 Jul 2015 02:14:51 +0000 (22:14 -0400)
committerAlexander Schmitz <arschmitz@gmail.com>
Tue, 21 Jul 2015 15:00:41 +0000 (11:00 -0400)
Ref #10119

demos/resizable/animate.html patch | blob | history
demos/resizable/aspect-ratio.html patch | blob | history
demos/resizable/constrain-area.html patch | blob | history
demos/resizable/default.html patch | blob | history
demos/resizable/helper.html patch | blob | history
demos/resizable/max-min.html patch | blob | history
demos/resizable/snap-to-grid.html patch | blob | history
demos/resizable/synchronous-resize.html patch | blob | history
demos/resizable/textarea.html patch | blob | history
demos/resizable/visual-feedback.html patch | blob | history

diff --git a/demos/resizable/animate.html b/demos/resizable/animate.html
index b06e41ddb32eb051051baf60d0ae3e2ac88c52fc..344bba014e7eb417e1cf30f306bf711b8b7cdc30 100644 (file)
--- a/demos/resizable/animate.html
+++ b/demos/resizable/animate.html
@@ -4,23 +4,17 @@
        <meta charset="utf-8">
        <title>jQuery UI Resizable - Animate</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/resizable.js"></script>
        <link rel="stylesheet" href="../demos.css">
        <style>
        #resizable { width: 150px; height: 150px; padding: 0.5em; }
        #resizable h3 { text-align: center; margin: 0; }
        .ui-resizable-helper { border: 1px dotted gray; }
        </style>
-       <script>
-       $(function() {
+       <script src="../../external/requirejs/require.js"></script>
+       <script src="../bootstrap.js">
                $( "#resizable" ).resizable({
                        animate: true
                });
-       });
        </script>
 </head>
 <body>
diff --git a/demos/resizable/aspect-ratio.html b/demos/resizable/aspect-ratio.html
index 2da2a2926de9788bc1bd19495e9c168397f6f300..3878b18ec7f293fbcad6a11ad68ad4188864be13 100644 (file)
--- a/demos/resizable/aspect-ratio.html
+++ b/demos/resizable/aspect-ratio.html
@@ -4,22 +4,16 @@
        <meta charset="utf-8">
        <title>jQuery UI Resizable - Preserve aspect ratio</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/resizable.js"></script>
        <link rel="stylesheet" href="../demos.css">
        <style>
        #resizable { width: 160px; height: 90px; padding: 0.5em; }
        #resizable h3 { text-align: center; margin: 0; }
        </style>
-       <script>
-       $(function() {
+       <script src="../../external/requirejs/require.js"></script>
+       <script src="../bootstrap.js">
                $( "#resizable" ).resizable({
                        aspectRatio: 16 / 9
                });
-       });
        </script>
 </head>
 <body>
diff --git a/demos/resizable/constrain-area.html b/demos/resizable/constrain-area.html
index e6ce3b28bfc6320edd4eb6130a81d5d068caf146..e000fcf075719220bb0d476dee3a05a474772f2d 100644 (file)
--- a/demos/resizable/constrain-area.html
+++ b/demos/resizable/constrain-area.html
@@ -4,11 +4,6 @@
        <meta charset="utf-8">
        <title>jQuery UI Resizable - Constrain resize area</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/resizable.js"></script>
        <link rel="stylesheet" href="../demos.css">
        <style>
        #container { width: 300px; height: 300px; }
@@ -16,12 +11,11 @@
        #resizable { background-position: top left; width: 150px; height: 150px; }
        #resizable, #container { padding: 0.5em; }
        </style>
-       <script>
-       $(function() {
+       <script src="../../external/requirejs/require.js"></script>
+       <script src="../bootstrap.js">
                $( "#resizable" ).resizable({
                        containment: "#container"
                });
-       });
        </script>
 </head>
 <body>
diff --git a/demos/resizable/default.html b/demos/resizable/default.html
index a77afc34ed3aed69cf041700061fb2af4ec73374..60b3380ef7ba2af0cb097edaad78938420037c4f 100644 (file)
--- a/demos/resizable/default.html
+++ b/demos/resizable/default.html
@@ -4,20 +4,14 @@
        <meta charset="utf-8">
        <title>jQuery UI Resizable - 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/resizable.js"></script>
        <link rel="stylesheet" href="../demos.css">
        <style>
        #resizable { width: 150px; height: 150px; padding: 0.5em; }
        #resizable h3 { text-align: center; margin: 0; }
        </style>
-       <script>
-       $(function() {
+       <script src="../../external/requirejs/require.js"></script>
+       <script src="../bootstrap.js">
                $( "#resizable" ).resizable();
-       });
        </script>
 </head>
 <body>
diff --git a/demos/resizable/helper.html b/demos/resizable/helper.html
index fff0c8bd946d4bd5c82b39f5eefb1d11c659ff45..d10e5b523917c0b53cfac222d93659f41ebbcd7a 100644 (file)
--- a/demos/resizable/helper.html
+++ b/demos/resizable/helper.html
@@ -4,23 +4,17 @@
        <meta charset="utf-8">
        <title>jQuery UI Resizable - Helper</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/resizable.js"></script>
        <link rel="stylesheet" href="../demos.css">
        <style>
        #resizable { width: 150px; height: 150px; padding: 0.5em; }
        #resizable h3 { text-align: center; margin: 0; }
        .ui-resizable-helper { border: 2px dotted #00F; }
        </style>
-       <script>
-       $(function() {
+       <script src="../../external/requirejs/require.js"></script>
+       <script src="../bootstrap.js">
                $( "#resizable" ).resizable({
                        helper: "ui-resizable-helper"
                });
-       });
        </script>
 </head>
 <body>
diff --git a/demos/resizable/max-min.html b/demos/resizable/max-min.html
index 88e8ca3f38a339d795d75fd3adba03cdf5b67542..ed43ec795a53209467e317e367adb962e716d063 100644 (file)
--- a/demos/resizable/max-min.html
+++ b/demos/resizable/max-min.html
@@ -4,25 +4,19 @@
        <meta charset="utf-8">
        <title>jQuery UI Resizable - Maximum / minimum size</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/resizable.js"></script>
        <link rel="stylesheet" href="../demos.css">
        <style>
        #resizable { width: 200px; height: 150px; padding: 5px; }
        #resizable h3 { text-align: center; margin: 0; }
        </style>
-       <script>
-       $(function() {
+       <script src="../../external/requirejs/require.js"></script>
+       <script src="../bootstrap.js">
                $( "#resizable" ).resizable({
                        maxHeight: 250,
                        maxWidth: 350,
                        minHeight: 150,
                        minWidth: 200
                });
-       });
        </script>
 </head>
 <body>
diff --git a/demos/resizable/snap-to-grid.html b/demos/resizable/snap-to-grid.html
index 6e13ae618cd716628fb00ba6c2c16ef8e82f378d..ce897a98e335e73396163888f64ae28f8924677c 100644 (file)
--- a/demos/resizable/snap-to-grid.html
+++ b/demos/resizable/snap-to-grid.html
@@ -4,22 +4,16 @@
        <meta charset="utf-8">
        <title>jQuery UI Resizable - Snap to grid</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/resizable.js"></script>
        <link rel="stylesheet" href="../demos.css">
        <style>
        #resizable { width: 150px; height: 150px; padding: 0.5em; }
        #resizable h3 { text-align: center; margin: 0; }
        </style>
-       <script>
-       $(function() {
+       <script src="../../external/requirejs/require.js"></script>
+       <script src="../bootstrap.js">
                $( "#resizable" ).resizable({
                        grid: 50
                });
-       });
        </script>
 </head>
 <body>
diff --git a/demos/resizable/synchronous-resize.html b/demos/resizable/synchronous-resize.html
index e645ea351f94b162638d8a94aff4aef1922cec44..ddc89cd88141b398c1a3473e0b0a9fe0227bdc06 100644 (file)
--- a/demos/resizable/synchronous-resize.html
+++ b/demos/resizable/synchronous-resize.html
@@ -4,11 +4,6 @@
        <meta charset="utf-8">
        <title>jQuery UI Resizable - Synchronous resize</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/resizable.js"></script>
        <link rel="stylesheet" href="../demos.css">
        <style>
        #resizable { background-position: top left; }
@@ -16,13 +11,12 @@
        #resizable h3, #also h3 { text-align: center; margin: 0; }
        #also { margin-top: 1em; }
        </style>
-       <script>
-       $(function() {
+       <script src="../../external/requirejs/require.js"></script>
+       <script src="../bootstrap.js">
                $( "#resizable" ).resizable({
                        alsoResize: "#also"
                });
                $( "#also" ).resizable();
-       });
        </script>
 </head>
 <body>
diff --git a/demos/resizable/textarea.html b/demos/resizable/textarea.html
index 04b180a11e852ab5fe4a11bdf9034e2555bcede2..f3e0fa25e0e0c0d93cbb750319d315bc4cee97d2 100644 (file)
--- a/demos/resizable/textarea.html
+++ b/demos/resizable/textarea.html
@@ -4,23 +4,17 @@
        <meta charset="utf-8">
        <title>jQuery UI Resizable - Textarea</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/resizable.js"></script>
        <link rel="stylesheet" href="../demos.css">
        <style>
        .ui-resizable-se {
                bottom: 17px;
        }
        </style>
-       <script>
-       $(function() {
+       <script src="../../external/requirejs/require.js"></script>
+       <script src="../bootstrap.js">
                $( "#resizable" ).resizable({
                        handles: "se"
                });
-       });
        </script>
 </head>
 <body>
diff --git a/demos/resizable/visual-feedback.html b/demos/resizable/visual-feedback.html
index aa66fb5cf5cb1ea23322ab93fc62e1e839bd207e..a9a1c3f39d43f2f288014f927124a22047596d67 100644 (file)
--- a/demos/resizable/visual-feedback.html
+++ b/demos/resizable/visual-feedback.html
@@ -4,23 +4,17 @@
        <meta charset="utf-8">
        <title>jQuery UI Resizable - Visual feedback</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/resizable.js"></script>
        <link rel="stylesheet" href="../demos.css">
        <style>
        #resizable { width: 150px; height: 150px; padding: 0.5em; }
        #resizable h3 { text-align: center; margin: 0; }
        .ui-resizable-ghost { border: 1px dotted gray; }
        </style>
-       <script>
-       $(function() {
+       <script src="../../external/requirejs/require.js"></script>
+       <script src="../bootstrap.js">
                $( "#resizable" ).resizable({
                        ghost: true
                });
-       });
        </script>
 </head>
 <body>
The official jQuery user interface library: https://github.com/jquery/jquery-ui