Scriptaculous Sortable List Demo

• I'm number 1
• I'm number 2
• I'm number 3
• I'm number 4
• I'm number 5
• I'm number 6
• I'm number 7

<< Back    View source

Trax Source Code:

# controller ( demos_controller.php )
function sortable_list() {
}
function order() {
    $this->render_layout = false;
    $this->order = $_REQUEST['list'];        
}   

# view file ( sortable_list.phtml )
<ul id="list">
  <? for($i = 0; $i <= 6; $i++): ?>
  <li id="item_<?= $i+1 ?>">I'm number <?= $i+1 ?></li>
  <? endfor; ?>
</ul>

<p id="list-info"></p>

<?= sortable_element("list",array( 
            "update" => "list-info",  
            "complete" => visual_effect("highlight", "list"), 
            "url" => array(":action" => "order"))) ?>

# view file ( order.phtml )
Updated order is: <?= implode(', ',$order) ?>.