Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Here's the HTML file for your to-do list before adding the Reorderer - it uses a simple ordered list:

Code Block
html
html
<!DOCTYPE html      PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title>Conference Plannaing Tasks</title>
</head>

<body>
  <h3>Conference Planning To-do List</h3>

  <ol>
    <li>
      Select the date
    </li>
    <li>
      Create promotional plan
      <ul>
        <li>email campaign</li>
        <li>web site</li>
        <li>print materials</li>
      </ul>
    </li>
    <li>
      Book facilities
      <ul>
      	<li>Select building</li>
      	<li>Book rooms</li>
      </ul>
    </li>
    <li>
      Book caterer
    </li>
    <li>
      Book block of hotel rooms
    </li>
    <li>
      Develop a conference daily schedule of events
    </li>
    <li>
      Book speakers
      <ul>
      	<li>Keynote</li>
      	<li>Internal/employee</li>
      </ul>
    </li>
    <li>
    Plan the registration process
      <ul>
        <li>Deadline for early bird and final registrations</li>
        <li>Create/enter data into database</li>
        <li>Create/upload information for web registration</li>
      </ul>
    </li>
    <li>
      Book audio visual equipment and technicians
    </li>
    <li>
      Create name tags and welcome packages
      <ul>
        <li>schedule of events</li>
        <li>maps, tickets</li>
        <li>paper, pen, trinkets</li>
        <li>instructions</li>
      </ul>
    </li>
  </ol>
</body>
</html>

...

Code Block
<script type="text/javascript" src="fluid-components/src/webapp/fluid-components/js/jquery/jquery-1.3.2.3.js"></script>
<script type="text/javascript" src="fluid-components/src/webapp/fluid-components/js/jquery/jquery.keyboard-a11y.js"></script>
<script type="text/javascript" src="fluid-components/src/webapp/fluid-components/js/jquery/ui.core.js"></script>
<script type="text/javascript" src="fluid-components/src/webapp/fluid-components/js/jquery/ui.draggable.js"></script>
<script type="text/javascript" src="fluid-components/src/webapp/fluid-components/js/jquery/jARIA.js"></script>
<script type="text/javascript" src="fluid-components/src/webapp/fluid-components/js/fluid/Fluid.js"></script>
<script type="text/javascript" src="fluid-components/src/webapp/fluid-components/js/fluid/GeometricManager.js"></script>
<script type="text/javascript" src="fluid-components/src/webapp/fluid-components/js/fluid/Reorderer.js"></script>
<!--  Ensure jQuery is in no conflicts mode -->
<script language="JavaScript" type="text/javascript">
  jQuery.noConflict();
</script>

...