Sortable is Not just for lists
<html> <head> <title>Untitled Document</title> <script src="scriptaculous-js-1.8.2/lib/prototype.js" type="text/javascript"></script> <script src="scriptaculous-js-1.8.2/src/scriptaculous.js" type="text/javascript"></script> <script src="scriptaculous-js-1.8.2/src/unittest.js" type="text/javascript"></script> <script type="text/javascript"> Event.observe(window, 'load', function() { Sortable.create('chapter', { tag: 'p', only: ['orderable', 'moveIt'] }); }); </script> </head> <body> <div id="chapter"> <p>This stays on top.</p> <p class="orderable">Sortable.</p> <p class="orderable">And this too!</p> <p class="moveIt">sortable.</p> <p>This stays at bottom.</p> </div> </body> </html>