source: main/trunk/greenstone3/web/interfaces/oran/js/jquery-ui-1.8rc1/demos/draggable/default.html@ 24245

Last change on this file since 24245 was 24245, checked in by sjb48, 13 years ago

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