Scriptaculous JavaScript DHTML

  1. Home
  2. JavaScript DHTML
  3. Scriptaculous
  4. Sortable two-lists


        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


  script.aculo.us sortable functional test file
  
  
  
  
  
  
    ul { height: 100px; border:1px dotted #888; }
  


script.aculo.us Sortable two-lists w/ dropOnEmpty functional test file



Hey there! I'm item#1/1
Hey there! I'm item#1/2
Hey there! I'm item#1/3




  Sortable.create('thelist1',{containment:['thelist1','thelist2'], dropOnEmpty:true});
  Sortable.create('thelist2',{containment:['thelist1','thelist2'], dropOnEmpty:true});

Serialize sortable1
Serialize sortable2