corrade-http-templates – Blame information for rev 62

Subversion Repositories:
Rev:
Rev Author Line No. Line
62 office 1 <!doctype html>
2 <html lang="en">
3 <head>
4 <meta charset="utf-8">
5 <meta name="viewport" content="width=device-width, initial-scale=1">
6 <title>jQuery UI Droppable - Default functionality</title>
7 <link rel="stylesheet" href="../../themes/base/all.css">
8 <link rel="stylesheet" href="../demos.css">
9 <style>
10 #draggable { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 10px 10px 10px 0; }
11 #droppable { width: 150px; height: 150px; padding: 0.5em; float: left; margin: 10px; }
12 </style>
13 <script src="../../external/requirejs/require.js"></script>
14 <script src="../bootstrap.js">
15 $( "#draggable" ).draggable();
16 $( "#droppable" ).droppable({
17 drop: function( event, ui ) {
18 $( this )
19 .addClass( "ui-state-highlight" )
20 .find( "p" )
21 .html( "Dropped!" );
22 }
23 });
24 </script>
25 </head>
26 <body>
27  
28 <div id="draggable" class="ui-widget-content">
29 <p>Drag me to my target</p>
30 </div>
31  
32 <div id="droppable" class="ui-widget-header">
33 <p>Drop here</p>
34 </div>
35  
36 <div class="demo-description">
37 <p>Enable any DOM element to be droppable, a target for draggable elements.</p>
38 </div>
39 </body>
40 </html>