Skip to content

Commit 7441810

Browse files
arschmitzarschmitz
committed
Droppable: Update demos to use AMD
1 parent ad858cb commit 7441810

File tree

6 files changed

+13
-58
lines changed

6 files changed

+13
-58
lines changed

‎demos/droppable/accepted-elements.html

Lines changed: 2 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -4,19 +4,13 @@
44
<meta charset="utf-8">
55
<title>jQuery UI Droppable - Accept</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/draggable.js"></script>
12-
<script src="../../ui/droppable.js"></script>
137
<link rel="stylesheet" href="../demos.css">
148
<style>
159
#droppable { width: 150px; height: 150px; padding: 0.5em; float: left; margin: 10px; }
1610
#draggable, #draggable-nonvalid { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 10px 10px 10px 0; }
1711
</style>
18-
<script>
19-
$(function() {
12+
<script src="../../external/requirejs/require.js"></script>
13+
<script src="../bootstrap.js">
2014
$( "#draggable, #draggable-nonvalid" ).draggable();
2115
$( "#droppable" ).droppable({
2216
accept: "#draggable",
@@ -31,7 +25,6 @@
3125
.html( "Dropped!" );
3226
}
3327
});
34-
});
3528
</script>
3629
</head>
3730
<body>

‎demos/droppable/default.html

Lines changed: 2 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -4,19 +4,13 @@
44
<meta charset="utf-8">
55
<title>jQuery UI Droppable - 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/draggable.js"></script>
12-
<script src="../../ui/droppable.js"></script>
137
<link rel="stylesheet" href="../demos.css">
148
<style>
159
#draggable { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 10px 10px 10px 0; }
1610
#droppable { width: 150px; height: 150px; padding: 0.5em; float: left; margin: 10px; }
1711
</style>
18-
<script>
19-
$(function() {
12+
<script src="../../external/requirejs/require.js"></script>
13+
<script src="../bootstrap.js">
2014
$( "#draggable" ).draggable();
2115
$( "#droppable" ).droppable({
2216
drop: function( event, ui ) {
@@ -26,7 +20,6 @@
2620
.html( "Dropped!" );
2721
}
2822
});
29-
});
3023
</script>
3124
</head>
3225
<body>

‎demos/droppable/photo-manager.html

Lines changed: 3 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -4,16 +4,6 @@
44
<meta charset="utf-8">
55
<title>jQuery UI Droppable - Simple photo manager</title>
66
<link rel="stylesheet" href="../../themes/base/all.css">
7-
<script src="../../external/jquery/jquery.js"></script>
8-
<script src="../../ui/position.js"></script>
9-
<script src="../../ui/core.js"></script>
10-
<script src="../../ui/widget.js"></script>
11-
<script src="../../ui/mouse.js"></script>
12-
<script src="../../ui/draggable.js"></script>
13-
<script src="../../ui/droppable.js"></script>
14-
<script src="../../ui/resizable.js"></script>
15-
<script src="../../ui/button.js"></script>
16-
<script src="../../ui/dialog.js"></script>
177
<link rel="stylesheet" href="../demos.css">
188
<style>
199
#gallery { float: left; width: 65%; min-height: 12em; }
@@ -29,8 +19,9 @@
2919
#trash h4 .ui-icon { float: left; }
3020
#trash .gallery h5 { display: none; }
3121
</style>
32-
<script>
33-
$(function() {
22+
<script src="../../external/requirejs/require.js"></script>
23+
<script src="../bootstrap.js" data-modules="dialog">
24+
3425
// there's the gallery and the trash
3526
var $gallery = $( "#gallery" ),
3627
$trash = $( "#trash" );
@@ -138,7 +129,6 @@
138129

139130
return false;
140131
});
141-
});
142132
</script>
143133
</head>
144134
<body>

‎demos/droppable/propagation.html

Lines changed: 2 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -4,20 +4,14 @@
44
<meta charset="utf-8">
55
<title>jQuery UI Droppable - Prevent propagation</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/draggable.js"></script>
12-
<script src="../../ui/droppable.js"></script>
137
<link rel="stylesheet" href="../demos.css">
148
<style>
159
#draggable { width: 100px; height: 40px; padding: 0.5em; float: left; margin: 10px 10px 10px 0; }
1610
#droppable, #droppable2 { width: 230px; height: 120px; padding: 0.5em; float: left; margin: 10px; }
1711
#droppable-inner, #droppable2-inner { width: 170px; height: 60px; padding: 0.5em; float: left; margin: 10px; }
1812
</style>
19-
<script>
20-
$(function() {
13+
<script src="../../external/requirejs/require.js"></script>
14+
<script src="../bootstrap.js">
2115
$( "#draggable" ).draggable();
2216

2317
$( "#droppable, #droppable-inner" ).droppable({
@@ -47,7 +41,6 @@
4741
.html( "Dropped!" );
4842
}
4943
});
50-
});
5144
</script>
5245
</head>
5346
<body>

‎demos/droppable/revert.html

Lines changed: 2 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -4,19 +4,13 @@
44
<meta charset="utf-8">
55
<title>jQuery UI Droppable - Revert draggable position</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/draggable.js"></script>
12-
<script src="../../ui/droppable.js"></script>
137
<link rel="stylesheet" href="../demos.css">
148
<style>
159
#draggable, #draggable2 { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 10px 10px 10px 0; }
1610
#droppable { width: 150px; height: 150px; padding: 0.5em; float: left; margin: 10px; }
1711
</style>
18-
<script>
19-
$(function() {
12+
<script src="../../external/requirejs/require.js"></script>
13+
<script src="../bootstrap.js">
2014
$( "#draggable" ).draggable({ revert: "valid" });
2115
$( "#draggable2" ).draggable({ revert: "invalid" });
2216

@@ -32,7 +26,6 @@
3226
.html( "Dropped!" );
3327
}
3428
});
35-
});
3629
</script>
3730
</head>
3831
<body>

‎demos/droppable/visual-feedback.html

Lines changed: 2 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -4,20 +4,14 @@
44
<meta charset="utf-8">
55
<title>jQuery UI Droppable - 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/draggable.js"></script>
12-
<script src="../../ui/droppable.js"></script>
137
<link rel="stylesheet" href="../demos.css">
148
<style>
159
#draggable, #draggable2 { width: 90px; height: 90px; padding: 0.5em; float: left; margin: 10px 10px 10px 0; }
1610
#droppable, #droppable2 { width: 120px; height: 120px; padding: 0.5em; float: left; margin: 10px; }
1711
h3 { clear: left; }
1812
</style>
19-
<script>
20-
$(function() {
13+
<script src="../../external/requirejs/require.js"></script>
14+
<script src="../bootstrap.js">
2115
$( "#draggable" ).draggable();
2216
$( "#droppable" ).droppable({
2317
classes: {
@@ -44,7 +38,6 @@
4438
.html( "Dropped!" );
4539
}
4640
});
47-
});
4841
</script>
4942
</head>
5043
<body>

0 commit comments

Comments
 (0)