<![CDATA[Mifjs forum — Mif.Tree, Mif.Menu]]>
2010-08-23T14:11:29Z
PunBB
http://mifjs.net/forum/
<![CDATA[Support: Mootools dollar safe mode]]>
http://mifjs.net/forum/user/72/
2010-08-23T14:11:29Z
http://mifjs.net/forum/topic/226/new/posts/
<![CDATA[initRows gone?]]>
http://mifjs.net/forum/user/53/
2010-07-15T15:05:51Z
http://mifjs.net/forum/topic/221/new/posts/
<![CDATA[Quick tree editing with a small toolbar]]>
Mif.Tree quick editing
[/code]
JS :
[code]window.addEvent( 'domready', function()
{
var myTree = new Mif.Tree(
{
container: $( 'tree_container' ),
types: {
folder: {
openIcon: 'mif-tree-open-icon',
closeIcon: 'mif-tree-close-icon'
}
},
dfltType: 'folder',
height: 18,
initialize: function()
{
new Mif.Tree.QuickToolbar( this, { buttons:
[{
action: 'add',
icon: 'css/add.png',
title: 'Add a child node'
},
{
action: 'rename',
icon: 'css/rename.png',
title: 'Rename this node'
},
{
action: 'remove',
icon: 'css/remove.png',
title: 'Delete this node'
}]});
}
});
myTree.addEvent( 'action', function( action, node )
{
if ( action == 'add' )
node.tree.add( { property: { name: 'newNode' } }, node, 'inside' );
else if ( action == 'rename' )
node.rename();
else if ( action == 'remove' )
node.remove();
});
myTree.load( { url: 'tree.json' } );
});[/code]
CSS :
[code]/*@quicktoolbar*/
.mif-tree-quicktoolbar
{
display: inline;
height: 13px;
cursor: default;
overflow: hidden;
font-family: sans-serif;
font-size: 11px;
padding-left: 8px;
z-index: 1;
}
.mif-tree-quicktoolbar-button
{
overflow: hidden;
height: 13px;
margin-left: 4px;
cursor: pointer;
}[/code]
Icons are found here : [url]http://www.famfamfam.com/lab/icons/silk/[/url]
If you use this script, please give your comments !
Thanks
Cordially,
Charly Lersteau]]>
http://mifjs.net/forum/user/146/
2010-07-14T20:44:07Z
http://mifjs.net/forum/topic/220/new/posts/
<![CDATA[Finish node renaming on]]>
http://mifjs.net/forum/user/133/
2010-04-22T13:54:01Z
http://mifjs.net/forum/topic/212/new/posts/
<![CDATA[Add an selectOnDrag option to Mif.Tree.Drag]]>
http://mifjs.net/forum/user/133/
2010-04-22T07:40:18Z
http://mifjs.net/forum/topic/210/new/posts/
<![CDATA[Mif.menu drawed only with css ...]]>
http://mifjs.net/forum/user/38/
2010-03-22T12:48:26Z
http://mifjs.net/forum/topic/201/new/posts/
<![CDATA[Mif.Menu: unable to get the current event object whent events fired]]>
http://mifjs.net/forum/user/38/
2010-03-22T12:42:12Z
http://mifjs.net/forum/topic/203/new/posts/
<![CDATA[Only certain nodes have a checkbox and not others]]>
http://mifjs.net/forum/user/5/
2010-01-24T11:13:07Z
http://mifjs.net/forum/topic/8/new/posts/
<![CDATA[Include the serialize method in the Builder ?]]>
http://mifjs.net/forum/user/93/
2009-10-02T08:19:05Z
http://mifjs.net/forum/topic/169/new/posts/
<![CDATA[Add multiple checkboxes or radio buttons per node]]>
http://mifjs.net/forum/user/91/
2009-09-21T08:34:11Z
http://mifjs.net/forum/topic/162/new/posts/
<![CDATA[maxdepth required]]>
http://mifjs.net/forum/user/82/
2009-06-17T11:06:17Z
http://mifjs.net/forum/topic/150/new/posts/
<![CDATA[1 Line of display code for highlighting control]]>
'+Mif.Tree.Draw.zeroSpace+'';
}else{
var checkbox='';
}
html=html||[];
html.push(
'',
'
',
'',Mif.Tree.Draw.zeroSpace,'',
'',
checkbox,
'',Mif.Tree.Draw.zeroSpace,'',
'',node.name,'',
'',
'',
'
',
'