jquery-ui/demos/draggable/sortable.html

<!doctype html>
<html lang="en">
<head>
	<title>jQuery UI Draggable + Sortable</title>
	<link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
	<script type="text/javascript" src="../../jquery-1.3.2.js"></script>
	<script type="text/javascript" src="../../ui/ui.core.js"></script>
	<script type="text/javascript" src="../../ui/ui.draggable.js"></script>
	<script type="text/javascript" src="../../ui/ui.sortable.js"></script>
	<link type="text/css" href="../demos.css" rel="stylesheet" />
	<style type="text/css">
	.demo ul { list-style-type: none; margin: 0; padding: 0; margin-bottom: 10px; }
	.demo li { margin: 5px; padding: 5px; width: 150px; }
	</style>
	<script type="text/javascript">
	$(function() {
		$("#sortable").sortable({
			revert: true
		});
		$("#draggable").draggable({
			connectToSortable: '#sortable',
			helper: 'clone',
			revert: 'invalid'
		});
		$("ul, li").disableSelection();
	});
	</script>
</head>
<body>
<div class="demo">
	
<ul>
	<li id="draggable" class="ui-state-highlight">Drag me down</li>
</ul>

<ul id="sortable">
	<li class="ui-state-default">Item 1</li>
	<li class="ui-state-default">Item 2</li>
	<li class="ui-state-default">Item 3</li>
	<li class="ui-state-default">Item 4</li>
	<li class="ui-state-default">Item 5</li>
</ul>

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

<div class="demo-description">

<p>
Draggables are built to interact seamlessly with <a href="#">sortables</a>.
</p>

</div><!-- End demo-description -->
</body>
</html>
set mime type set svn:eol-style to native 2008-12-30 19:30:49 +00:00			`<!doctype html>`
			`<html lang="en">`
			`<head>`
completed reorganization of draggable demos 2009-01-15 21:57:33 +00:00			`<title>jQuery UI Draggable + Sortable</title>`
removed default theme in favor of only one versioned css framework/TR theme - base 2009-01-07 02:36:51 +00:00			`<link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />`
Switched to jQuery 1.3.2 2009-02-20 11:40:25 +00:00			`<script type="text/javascript" src="../../jquery-1.3.2.js"></script>`
set mime type set svn:eol-style to native 2008-12-30 19:30:49 +00:00			`<script type="text/javascript" src="../../ui/ui.core.js"></script>`
			`<script type="text/javascript" src="../../ui/ui.draggable.js"></script>`
			`<script type="text/javascript" src="../../ui/ui.sortable.js"></script>`
demos: moved the demos.css link down so it can override default theme styles. other minor updates. 2008-12-31 06:29:31 +00:00			`<link type="text/css" href="../demos.css" rel="stylesheet" />`
set mime type set svn:eol-style to native 2008-12-30 19:30:49 +00:00			`<style type="text/css">`
demos: refixed sortable demo in draggables 2008-12-31 14:05:54 +00:00			`.demo ul { list-style-type: none; margin: 0; padding: 0; margin-bottom: 10px; }`
demos: fixed content out of boxes, font-size and paddings 2009-01-04 09:20:45 +00:00			`.demo li { margin: 5px; padding: 5px; width: 150px; }`
set mime type set svn:eol-style to native 2008-12-30 19:30:49 +00:00			`</style>`
			`<script type="text/javascript">`
			`$(function() {`
draggable: revert 'invalid/valid' now works with dropping on sortables (fixes #3556), beautified demo of connectToSortable demonstrating the reverts on both draggable and sortable 2009-01-08 14:03:34 +00:00			`$("#sortable").sortable({`
			`revert: true`
			`});`
demos: moved the demos.css link down so it can override default theme styles. other minor updates. 2008-12-31 06:29:31 +00:00			`$("#draggable").draggable({`
draggable: connectToSortable couldn't accept strings (fixes #3984) 2009-01-29 18:36:55 +00:00			`connectToSortable: '#sortable',`
draggable: revert 'invalid/valid' now works with dropping on sortables (fixes #3556), beautified demo of connectToSortable demonstrating the reverts on both draggable and sortable 2009-01-08 14:03:34 +00:00			`helper: 'clone',`
			`revert: 'invalid'`
demos/draggable/sortable.html: missing semicolon ; 2009-03-17 08:53:54 +00:00			`});`
demos draggable sortable: disable text selection 2009-01-30 05:58:39 +00:00			`$("ul, li").disableSelection();`
set mime type set svn:eol-style to native 2008-12-30 19:30:49 +00:00			`});`
			`</script>`
			`</head>`
			`<body>`
demos: added demo wrappers, fixed some issues with non explicit css rules 2008-12-31 14:02:14 +00:00			`<div class="demo">`

set mime type set svn:eol-style to native 2008-12-30 19:30:49 +00:00			`<ul>`
demos: moved the demos.css link down so it can override default theme styles. other minor updates. 2008-12-31 06:29:31 +00:00			`<li id="draggable" class="ui-state-highlight">Drag me down</li>`
set mime type set svn:eol-style to native 2008-12-30 19:30:49 +00:00			`</ul>`

demos: moved the demos.css link down so it can override default theme styles. other minor updates. 2008-12-31 06:29:31 +00:00			`<ul id="sortable">`
set mime type set svn:eol-style to native 2008-12-30 19:30:49 +00:00			`<li class="ui-state-default">Item 1</li>`
			`<li class="ui-state-default">Item 2</li>`
			`<li class="ui-state-default">Item 3</li>`
			`<li class="ui-state-default">Item 4</li>`
			`<li class="ui-state-default">Item 5</li>`
			`</ul>`

demos: added demo wrappers, fixed some issues with non explicit css rules 2008-12-31 14:02:14 +00:00			`</div><!-- End demo -->`

			`<div class="demo-description">`

			`<p>`
completed reorganization of draggable demos 2009-01-15 21:57:33 +00:00			`Draggables are built to interact seamlessly with <a href="#">sortables</a>.`
demos: added demo wrappers, fixed some issues with non explicit css rules 2008-12-31 14:02:14 +00:00			`</p>`

			`</div><!-- End demo-description -->`
set mime type set svn:eol-style to native 2008-12-30 19:30:49 +00:00			`</body>`
			`</html>`