JavaScript DHTML/Mochkit/Sortable
Sortable tree test
<source lang="html4strict">
<!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" xml:lang="en" lang="en">
<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>Sortable tree test</title> <script type="text/javascript" src="MochiKit-1.4.2/lib/MochiKit/MochiKit.js"></script> <script type="text/javascript" src="MochiKit-1.4.2/lib/MochiKit/Position.js"></script> <script type="text/javascript" src="MochiKit-1.4.2/lib/MochiKit/Visual.js"></script> <script type="text/javascript" src="MochiKit-1.4.2/lib/MochiKit/Signal.js"></script> <script type="text/javascript" src="MochiKit-1.4.2/lib/MochiKit/DragAndDrop.js"></script> <script type="text/javascript" src="MochiKit-1.4.2/lib/MochiKit/Sortable.js"></script> <style type="text/css"> ul {padding-top:4px; padding-bottom: 2px; border: 1px solid #ccf;} li {border: 1px solid #fcc;} </style> </head> <body> <a href="#" onclick="alert(MochiKit.Sortable.Sortable.serialize("menu"));return false">serialize 1</a>
<script type="text/javascript"> MochiKit.Sortable.Sortable.create("menu", {tree:true,scroll:window}); </script>
<script type="text/javascript"> MochiKit.Sortable.Sortable.create("menu2", {tree:true,scroll:window}); </script> </body>
</html>
</source>