Skip to main content

Search and Top Navigation

Ticket #3545: testcase.html

File testcase.html, 1.0 KB (added by Jo-W, November 06, 2008 02:27PM UTC)

UI Sortable testcase, requires jquery.js and jquery.ui.js

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "">
		<title>Sortable testcase</title>
		<script type="text/javascript" src="jquery.js"></script>
		<script type="text/javascript" src="jquery.ui.js"></script>

		<style type="text/css">
			.item {
				width: 200px;
				height: 50px;
				margin: 10px;
				background-color: grey;
				font-size: 30px;
		<script type="text/javascript">
					opacity: 0.7,
					revert: true,
					handle: $(".item"),
					cursor: "move",
					placeholder: "item"
		<p>requires files: jquery.js, jquery.ui.js</p>
		<div id="item-list">
			<div class="item">1</div>
			<div class="item">2</div>
			<div class="item">3</div>
			<div class="item">4</div>
			<div class="item">5</div>
			<div class="item">6</div>

Download in other formats:

Original Format