Axent Drag Drop Tree

Download

• drag-drop-tree.js
• cookie.js from http://wiki.script.aculo.us/scriptaculous/show/Cookie

Example #1 : Standard drag drop tree

• asdasd 1
• asdasd 2
• asdasd 3
  • asdasd 3.1
  • asdasd 3.2
  • asdasd 3.3
• asdasd 4
• asdasd 5
• asdasd 6

Code

<script type="text/javascript">
//<![CDATA[
new Axent.DragDropTree('mytree-standard');
//]]>
</script>

Example #1 : Drag drop tree with cutom options

• asdasd 1
• asdasd 2
• asdasd 3
  • asdasd 3.1
  • asdasd 3.2
  • asdasd 3.3
• asdasd 4
• asdasd 5
• asdasd 6

SAVE

Code

<script type="text/javascript">
//<![CDATA[
new Axent.DragDropTree('mytree', {
    addFolderIcon : false,
    beforeDropNode: function(node,dropOnNode,point) { 
	    var confirmed =confirm('Are you sure you want to move selected item?');
	    if (!confirmed) {
	        return false;
        }
    },
    afterDropNode: function(node,dropOnNode,point) {
	    src = node.identify();
	    dst = (node.up('li') != undefined) ? node.up('li').identify() : '';
	    prv = (node.previous('li') != undefined) ? node.previous('li').identify() : '';
	    new Ajax.Request('ajax.php',{
	        parameters:'src='+src+'&dst='+dst+'&prv='+prv,
	        onComplete:function(response) {
	            $('debug').update(response.responseText);
            }
        });
    }});
//]]>
</script>

Debug