root/other-projects/tipple-android/i-greenstone-server-files/greenstone/webapps/greenstone3/interfaces/default/js/jquery-ui-1.8.15/demos/draggable/default.html @ 26899

Revision 26899, 1.0 KB (checked in by davidb, 7 years ago)

Tipple reborn after Chris's Summer of Code 2013

Line 
1<!DOCTYPE html>
2<html lang="en">
3<head>
4    <meta charset="utf-8">
5    <title>jQuery UI Draggable - Default functionality</title>
6    <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
7    <script src="../../jquery-1.6.2.js"></script>
8    <script src="../../ui/jquery.ui.core.js"></script>
9    <script src="../../ui/jquery.ui.widget.js"></script>
10    <script src="../../ui/jquery.ui.mouse.js"></script>
11    <script src="../../ui/jquery.ui.draggable.js"></script>
12    <link rel="stylesheet" href="../demos.css">
13    <style>
14    #draggable { width: 150px; height: 150px; padding: 0.5em; }
15    </style>
16    <script>
17    $(function() {
18        $( "#draggable" ).draggable();
19    });
20    </script>
21</head>
22<body>
23
24<div class="demo">
25
26<div id="draggable" class="ui-widget-content">
27    <p>Drag me around</p>
28</div>
29
30</div><!-- End demo -->
31
32
33
34<div class="demo-description">
35<p>Enable draggable functionality on any DOM element. Move the draggable object by clicking on it with the mouse and dragging it anywhere within the viewport.</p>
36</div><!-- End demo-description -->
37
38</body>
39</html>
Note: See TracBrowser for help on using the browser.