Mercurial Mercurial > franceculture / annotate
summary | shortlog | changelog | graph | tags | bookmarks | branches | files | changeset | file | latest | revisions | annotate | diff | comparison | raw | help
Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
web/static/css/jq-css/demos/draggable/default.html
author ymh <ymh.work@gmail.com>
Mon, 12 Jul 2010 18:23:35 +0200
changeset 9 6014b4b0ad53
permissions -rw-r--r--
update player - jq-css
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
9
6014b4b0ad53 update player - jq-css
ymh <ymh.work@gmail.com>
parents:
diff changeset 
     1
 
<!DOCTYPE html>
6014b4b0ad53 update player - jq-css
ymh <ymh.work@gmail.com>
parents:
diff changeset 
     2
 
<html lang="en">
6014b4b0ad53 update player - jq-css
ymh <ymh.work@gmail.com>
parents:
diff changeset 
     3
 
<head>
6014b4b0ad53 update player - jq-css
ymh <ymh.work@gmail.com>
parents:
diff changeset 
     4
 
	<meta charset="UTF-8" />
6014b4b0ad53 update player - jq-css
ymh <ymh.work@gmail.com>
parents:
diff changeset 
     5
 
	<title>jQuery UI Draggable - Default functionality</title>
6014b4b0ad53 update player - jq-css
ymh <ymh.work@gmail.com>
parents:
diff changeset 
     6
 
	<link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" />
6014b4b0ad53 update player - jq-css
ymh <ymh.work@gmail.com>
parents:
diff changeset 
     7
 
	<script type="text/javascript" src="../../jquery-1.4.2.js"></script>
6014b4b0ad53 update player - jq-css
ymh <ymh.work@gmail.com>
parents:
diff changeset 
     8
 
	<script type="text/javascript" src="../../ui/jquery.ui.core.js"></script>
6014b4b0ad53 update player - jq-css
ymh <ymh.work@gmail.com>
parents:
diff changeset 
     9
 
	<script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script>
6014b4b0ad53 update player - jq-css
ymh <ymh.work@gmail.com>
parents:
diff changeset 
    10
 
	<script type="text/javascript" src="../../ui/jquery.ui.mouse.js"></script>
6014b4b0ad53 update player - jq-css
ymh <ymh.work@gmail.com>
parents:
diff changeset 
    11
 
	<script type="text/javascript" src="../../ui/jquery.ui.draggable.js"></script>
6014b4b0ad53 update player - jq-css
ymh <ymh.work@gmail.com>
parents:
diff changeset 
    12
 
	<link type="text/css" href="../demos.css" rel="stylesheet" />
6014b4b0ad53 update player - jq-css
ymh <ymh.work@gmail.com>
parents:
diff changeset 
    13
 
	<style type="text/css">
6014b4b0ad53 update player - jq-css
ymh <ymh.work@gmail.com>
parents:
diff changeset 
    14
 
	#draggable { width: 150px; height: 150px; padding: 0.5em; }
6014b4b0ad53 update player - jq-css
ymh <ymh.work@gmail.com>
parents:
diff changeset 
    15
 
	</style>
6014b4b0ad53 update player - jq-css
ymh <ymh.work@gmail.com>
parents:
diff changeset 
    16
 
	<script type="text/javascript">
6014b4b0ad53 update player - jq-css
ymh <ymh.work@gmail.com>
parents:
diff changeset 
    17
 
	$(function() {
6014b4b0ad53 update player - jq-css
ymh <ymh.work@gmail.com>
parents:
diff changeset 
    18
 
		$("#draggable").draggable();
6014b4b0ad53 update player - jq-css
ymh <ymh.work@gmail.com>
parents:
diff changeset 
    19
 
	});
6014b4b0ad53 update player - jq-css
ymh <ymh.work@gmail.com>
parents:
diff changeset 
    20
 
	</script>
6014b4b0ad53 update player - jq-css
ymh <ymh.work@gmail.com>
parents:
diff changeset 
    21
 
</head>
6014b4b0ad53 update player - jq-css
ymh <ymh.work@gmail.com>
parents:
diff changeset 
    22
 
<body>
6014b4b0ad53 update player - jq-css
ymh <ymh.work@gmail.com>
parents:
diff changeset 
    23
 












6014b4b0ad53
update player - jq-css



ymh <ymh.work@gmail.com>


parents: 

diff
changeset




    24


<div class="demo">












6014b4b0ad53
update player - jq-css



ymh <ymh.work@gmail.com>


parents: 

diff
changeset




    25














6014b4b0ad53
update player - jq-css



ymh <ymh.work@gmail.com>


parents: 

diff
changeset




    26


<div id="draggable" class="ui-widget-content">












6014b4b0ad53
update player - jq-css



ymh <ymh.work@gmail.com>


parents: 

diff
changeset




    27


	<p>Drag me around</p>












6014b4b0ad53
update player - jq-css



ymh <ymh.work@gmail.com>


parents: 

diff
changeset




    28


</div>












6014b4b0ad53
update player - jq-css



ymh <ymh.work@gmail.com>


parents: 

diff
changeset




    29














6014b4b0ad53
update player - jq-css



ymh <ymh.work@gmail.com>


parents: 

diff
changeset




    30


</div><!-- End demo -->












6014b4b0ad53
update player - jq-css



ymh <ymh.work@gmail.com>


parents: 

diff
changeset




    31














6014b4b0ad53
update player - jq-css



ymh <ymh.work@gmail.com>


parents: 

diff
changeset




    32


<div class="demo-description">












6014b4b0ad53
update player - jq-css



ymh <ymh.work@gmail.com>


parents: 

diff
changeset




    33














6014b4b0ad53
update player - jq-css



ymh <ymh.work@gmail.com>


parents: 

diff
changeset




    34


<p>












6014b4b0ad53
update player - jq-css



ymh <ymh.work@gmail.com>


parents: 

diff
changeset




    35


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.












6014b4b0ad53
update player - jq-css



ymh <ymh.work@gmail.com>


parents: 

diff
changeset




    36


</p>












6014b4b0ad53
update player - jq-css



ymh <ymh.work@gmail.com>


parents: 

diff
changeset




    37














6014b4b0ad53
update player - jq-css



ymh <ymh.work@gmail.com>


parents: 

diff
changeset




    38


</div><!-- End demo-description -->












6014b4b0ad53
update player - jq-css



ymh <ymh.work@gmail.com>


parents: 

diff
changeset




    39














6014b4b0ad53
update player - jq-css



ymh <ymh.work@gmail.com>


parents: 

diff
changeset




    40


</body>












6014b4b0ad53
update player - jq-css



ymh <ymh.work@gmail.com>


parents: 

diff
changeset




    41


</html>














franceculture