Mega Code Archive

 
Categories / JavaScript DHTML / Scriptaculous
 

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>