franceculture: web/static/css/jq-css/demos/sortable/default.html@cc4a51750724 (annotated)

0 cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	1	<!DOCTYPE html>
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	2	<html lang="en">
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	3	<head>
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	4	<meta charset="UTF-8" />
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	5	<title>jQuery UI Sortable - Default functionality</title>
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	6	<link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" />
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	7	<script type="text/javascript" src="../../jquery-1.4.2.js"></script>
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	8	<script type="text/javascript" src="../../ui/jquery.ui.core.js"></script>
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	9	<script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script>
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	10	<script type="text/javascript" src="../../ui/jquery.ui.mouse.js"></script>
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	11	<script type="text/javascript" src="../../ui/jquery.ui.sortable.js"></script>
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	12	<link type="text/css" href="../demos.css" rel="stylesheet" />
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	13	<style type="text/css">
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	14	#sortable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	15	#sortable li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1.4em; height: 18px; }
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	16	#sortable li span { position: absolute; margin-left: -1.3em; }
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	17	</style>
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	18	<script type="text/javascript">
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	19	$(function() {
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	20	$("#sortable").sortable();
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	21	$("#sortable").disableSelection();
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	22	});
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	23	</script>
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	24	</head>
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	25	<body>
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	26	<div class="demo">
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	27
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	28	<ul id="sortable">
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	29	<li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 1</li>
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	30	<li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 2</li>
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	31	<li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 3</li>
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	32	<li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 4</li>
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	33	<li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 5</li>
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	34	<li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 6</li>
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	35	<li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 7</li>
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	36	</ul>
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	37
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	38	</div><!-- End demo -->
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	39
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	40	<div class="demo-description">
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	41
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	42	<p>
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	43	Enable a group of DOM elements to be sortable. Click on and drag an
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	44	element to a new spot within the list, and the other items will adjust to
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	45	fit. By default, sortable items share <code>draggable</code> properties.
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	46	</p>
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	47
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	48	</div><!-- End demo-description -->
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	49
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	50	</body>
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	51	</html>

author	ymh <ymh.work@gmail.com>
	Sat, 12 Jun 2010 04:25:05 +0200
changeset 0	cc4a51750724
permissions	-rw-r--r--