Skip to content

Commit c942b97

Browse files
arschmitzarschmitz
committed
Resizable: Update demos to use AMD
1 parent fa16ff7 commit c942b97

File tree

10 files changed

+20
-80
lines changed

10 files changed

+20
-80
lines changed

‎demos/resizable/animate.html

Lines changed: 2 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -4,23 +4,17 @@
44
<meta charset="utf-8">
55
<title>jQuery UI Resizable - Animate</title>
66
<link rel="stylesheet" href="../../themes/base/all.css">
7-
<script src="../../external/jquery/jquery.js"></script>
8-
<script src="../../ui/core.js"></script>
9-
<script src="../../ui/widget.js"></script>
10-
<script src="../../ui/mouse.js"></script>
11-
<script src="../../ui/resizable.js"></script>
127
<link rel="stylesheet" href="../demos.css">
138
<style>
149
#resizable { width: 150px; height: 150px; padding: 0.5em; }
1510
#resizable h3 { text-align: center; margin: 0; }
1611
.ui-resizable-helper { border: 1px dotted gray; }
1712
</style>
18-
<script>
19-
$(function() {
13+
<script src="../../external/requirejs/require.js"></script>
14+
<script src="../bootstrap.js">
2015
$( "#resizable" ).resizable({
2116
animate: true
2217
});
23-
});
2418
</script>
2519
</head>
2620
<body>

‎demos/resizable/aspect-ratio.html

Lines changed: 2 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -4,22 +4,16 @@
44
<meta charset="utf-8">
55
<title>jQuery UI Resizable - Preserve aspect ratio</title>
66
<link rel="stylesheet" href="../../themes/base/all.css">
7-
<script src="../../external/jquery/jquery.js"></script>
8-
<script src="../../ui/core.js"></script>
9-
<script src="../../ui/widget.js"></script>
10-
<script src="../../ui/mouse.js"></script>
11-
<script src="../../ui/resizable.js"></script>
127
<link rel="stylesheet" href="../demos.css">
138
<style>
149
#resizable { width: 160px; height: 90px; padding: 0.5em; }
1510
#resizable h3 { text-align: center; margin: 0; }
1611
</style>
17-
<script>
18-
$(function() {
12+
<script src="../../external/requirejs/require.js"></script>
13+
<script src="../bootstrap.js">
1914
$( "#resizable" ).resizable({
2015
aspectRatio: 16 / 9
2116
});
22-
});
2317
</script>
2418
</head>
2519
<body>

‎demos/resizable/constrain-area.html

Lines changed: 2 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -4,24 +4,18 @@
44
<meta charset="utf-8">
55
<title>jQuery UI Resizable - Constrain resize area</title>
66
<link rel="stylesheet" href="../../themes/base/all.css">
7-
<script src="../../external/jquery/jquery.js"></script>
8-
<script src="../../ui/core.js"></script>
9-
<script src="../../ui/widget.js"></script>
10-
<script src="../../ui/mouse.js"></script>
11-
<script src="../../ui/resizable.js"></script>
127
<link rel="stylesheet" href="../demos.css">
138
<style>
149
#container { width: 300px; height: 300px; }
1510
#container h3 { text-align: center; margin: 0; margin-bottom: 10px; }
1611
#resizable { background-position: top left; width: 150px; height: 150px; }
1712
#resizable, #container { padding: 0.5em; }
1813
</style>
19-
<script>
20-
$(function() {
14+
<script src="../../external/requirejs/require.js"></script>
15+
<script src="../bootstrap.js">
2116
$( "#resizable" ).resizable({
2217
containment: "#container"
2318
});
24-
});
2519
</script>
2620
</head>
2721
<body>

‎demos/resizable/default.html

Lines changed: 2 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -4,20 +4,14 @@
44
<meta charset="utf-8">
55
<title>jQuery UI Resizable - Default functionality</title>
66
<link rel="stylesheet" href="../../themes/base/all.css">
7-
<script src="../../external/jquery/jquery.js"></script>
8-
<script src="../../ui/core.js"></script>
9-
<script src="../../ui/widget.js"></script>
10-
<script src="../../ui/mouse.js"></script>
11-
<script src="../../ui/resizable.js"></script>
127
<link rel="stylesheet" href="../demos.css">
138
<style>
149
#resizable { width: 150px; height: 150px; padding: 0.5em; }
1510
#resizable h3 { text-align: center; margin: 0; }
1611
</style>
17-
<script>
18-
$(function() {
12+
<script src="../../external/requirejs/require.js"></script>
13+
<script src="../bootstrap.js">
1914
$( "#resizable" ).resizable();
20-
});
2115
</script>
2216
</head>
2317
<body>

‎demos/resizable/helper.html

Lines changed: 2 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -4,23 +4,17 @@
44
<meta charset="utf-8">
55
<title>jQuery UI Resizable - Helper</title>
66
<link rel="stylesheet" href="../../themes/base/all.css">
7-
<script src="../../external/jquery/jquery.js"></script>
8-
<script src="../../ui/core.js"></script>
9-
<script src="../../ui/widget.js"></script>
10-
<script src="../../ui/mouse.js"></script>
11-
<script src="../../ui/resizable.js"></script>
127
<link rel="stylesheet" href="../demos.css">
138
<style>
149
#resizable { width: 150px; height: 150px; padding: 0.5em; }
1510
#resizable h3 { text-align: center; margin: 0; }
1611
.ui-resizable-helper { border: 2px dotted #00F; }
1712
</style>
18-
<script>
19-
$(function() {
13+
<script src="../../external/requirejs/require.js"></script>
14+
<script src="../bootstrap.js">
2015
$( "#resizable" ).resizable({
2116
helper: "ui-resizable-helper"
2217
});
23-
});
2418
</script>
2519
</head>
2620
<body>

‎demos/resizable/max-min.html

Lines changed: 2 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -4,25 +4,19 @@
44
<meta charset="utf-8">
55
<title>jQuery UI Resizable - Maximum / minimum size</title>
66
<link rel="stylesheet" href="../../themes/base/all.css">
7-
<script src="../../external/jquery/jquery.js"></script>
8-
<script src="../../ui/core.js"></script>
9-
<script src="../../ui/widget.js"></script>
10-
<script src="../../ui/mouse.js"></script>
11-
<script src="../../ui/resizable.js"></script>
127
<link rel="stylesheet" href="../demos.css">
138
<style>
149
#resizable { width: 200px; height: 150px; padding: 5px; }
1510
#resizable h3 { text-align: center; margin: 0; }
1611
</style>
17-
<script>
18-
$(function() {
12+
<script src="../../external/requirejs/require.js"></script>
13+
<script src="../bootstrap.js">
1914
$( "#resizable" ).resizable({
2015
maxHeight: 250,
2116
maxWidth: 350,
2217
minHeight: 150,
2318
minWidth: 200
2419
});
25-
});
2620
</script>
2721
</head>
2822
<body>

‎demos/resizable/snap-to-grid.html

Lines changed: 2 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -4,22 +4,16 @@
44
<meta charset="utf-8">
55
<title>jQuery UI Resizable - Snap to grid</title>
66
<link rel="stylesheet" href="../../themes/base/all.css">
7-
<script src="../../external/jquery/jquery.js"></script>
8-
<script src="../../ui/core.js"></script>
9-
<script src="../../ui/widget.js"></script>
10-
<script src="../../ui/mouse.js"></script>
11-
<script src="../../ui/resizable.js"></script>
127
<link rel="stylesheet" href="../demos.css">
138
<style>
149
#resizable { width: 150px; height: 150px; padding: 0.5em; }
1510
#resizable h3 { text-align: center; margin: 0; }
1611
</style>
17-
<script>
18-
$(function() {
12+
<script src="../../external/requirejs/require.js"></script>
13+
<script src="../bootstrap.js">
1914
$( "#resizable" ).resizable({
2015
grid: 50
2116
});
22-
});
2317
</script>
2418
</head>
2519
<body>

‎demos/resizable/synchronous-resize.html

Lines changed: 2 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -4,25 +4,19 @@
44
<meta charset="utf-8">
55
<title>jQuery UI Resizable - Synchronous resize</title>
66
<link rel="stylesheet" href="../../themes/base/all.css">
7-
<script src="../../external/jquery/jquery.js"></script>
8-
<script src="../../ui/core.js"></script>
9-
<script src="../../ui/widget.js"></script>
10-
<script src="../../ui/mouse.js"></script>
11-
<script src="../../ui/resizable.js"></script>
127
<link rel="stylesheet" href="../demos.css">
138
<style>
149
#resizable { background-position: top left; }
1510
#resizable, #also { width: 150px; height: 120px; padding: 0.5em; }
1611
#resizable h3, #also h3 { text-align: center; margin: 0; }
1712
#also { margin-top: 1em; }
1813
</style>
19-
<script>
20-
$(function() {
14+
<script src="../../external/requirejs/require.js"></script>
15+
<script src="../bootstrap.js">
2116
$( "#resizable" ).resizable({
2217
alsoResize: "#also"
2318
});
2419
$( "#also" ).resizable();
25-
});
2620
</script>
2721
</head>
2822
<body>

‎demos/resizable/textarea.html

Lines changed: 2 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -4,23 +4,17 @@
44
<meta charset="utf-8">
55
<title>jQuery UI Resizable - Textarea</title>
66
<link rel="stylesheet" href="../../themes/base/all.css">
7-
<script src="../../external/jquery/jquery.js"></script>
8-
<script src="../../ui/core.js"></script>
9-
<script src="../../ui/widget.js"></script>
10-
<script src="../../ui/mouse.js"></script>
11-
<script src="../../ui/resizable.js"></script>
127
<link rel="stylesheet" href="../demos.css">
138
<style>
149
.ui-resizable-se {
1510
bottom: 17px;
1611
}
1712
</style>
18-
<script>
19-
$(function() {
13+
<script src="../../external/requirejs/require.js"></script>
14+
<script src="../bootstrap.js">
2015
$( "#resizable" ).resizable({
2116
handles: "se"
2217
});
23-
});
2418
</script>
2519
</head>
2620
<body>

‎demos/resizable/visual-feedback.html

Lines changed: 2 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -4,23 +4,17 @@
44
<meta charset="utf-8">
55
<title>jQuery UI Resizable - Visual feedback</title>
66
<link rel="stylesheet" href="../../themes/base/all.css">
7-
<script src="../../external/jquery/jquery.js"></script>
8-
<script src="../../ui/core.js"></script>
9-
<script src="../../ui/widget.js"></script>
10-
<script src="../../ui/mouse.js"></script>
11-
<script src="../../ui/resizable.js"></script>
127
<link rel="stylesheet" href="../demos.css">
138
<style>
149
#resizable { width: 150px; height: 150px; padding: 0.5em; }
1510
#resizable h3 { text-align: center; margin: 0; }
1611
.ui-resizable-ghost { border: 1px dotted gray; }
1712
</style>
18-
<script>
19-
$(function() {
13+
<script src="../../external/requirejs/require.js"></script>
14+
<script src="../bootstrap.js">
2015
$( "#resizable" ).resizable({
2116
ghost: true
2217
});
23-
});
2418
</script>
2519
</head>
2620
<body>

0 commit comments

Comments
 (0)