JavaScript DHTML/Mochkit/Sortable

Материал из Web эксперт
Перейти к: навигация, поиск

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>