Ticket #2984: sortable.html

File sortable.html, 1.4 KB (added by gordon, June 11, 2008 10:45PM UTC)

Demo of the problem senario

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript" src="/js/jquery/jquery.js"></script>
<script type="text/javascript" src="/js/jquery/ui/ui.core.js"></script>
<script type="text/javascript" src="/js/jquery/ui/ui.sortable.js"></script>
<script type="text/javascript">
<!--
$(document).ready (function ()
{
	$('ul.sort').sortable ();
	$('ul.sort ul').sortable ();
});
-->
</script>
</head>
<body>
<ul class="sort">
  <li>
    <fieldset>
    <legend>Item 1</legend>
    <ul>
      <li>Item 1</li>
      <li>Item 2</li>
      <li>Item 3</li>
      <li>Item 4</li>
    </ul>
    </fieldset>
  </li>
  <li>
    <fieldset>
    <legend>Item 2</legend>
    <ul>
      <li>Item 1</li>
      <li>Item 2</li>
      <li>Item 3</li>
      <li>Item 4</li>
    </ul>
    </fieldset>
  </li>
  <li>
    <fieldset>
    <legend>Item 3</legend>
    <ul>
      <li>Item 1</li>
      <li>Item 2</li>
      <li>Item 3</li>
      <li>Item 4</li>
    </ul>
    </fieldset>
  </li>
  <li>
    <fieldset>
    <legend>Item 4</legend>
    <ul>
      <li>Item 1</li>
      <li>Item 2</li>
      <li>Item 3</li>
      <li>Item 4</li>
    </ul>
    </fieldset>
  </li>
</ul>
</body>
</html>

Download in other formats:

Original Format