Customizable javascript Toolbar layout
Layout 1
Layout 2
Layout 3
Layout 4
left
right
center
Change Visible Content
Change Align
<div id="toolbar_zone" style="width:600;border :1px solid Silver;"/> <script> //init toolbar aToolBar=new dhtmlXToolbarObject('toolbar_zone','100%',30,"Demo toolbar"); // set processing function aToolBar.setOnClickHandler(onButtonClick); //load toolbar from xml aToolBar.loadXML("_toolbar.xml") //show toolbar aToolBar.showBar(); function onButtonClick(itemId,itemValue) { alert("Button "+itemId+" was pressed"); }; //set align aToolBar.setBarAlign("right"); //set buttons layout aToolBar.hideButtons(); aToolBar.showButtons("0_save,0_delete"); </script>
Parameters passed to the constructor are:
object to attach toolbar to (should be loaded before calling constructor)
width of the toolbar
height of the toolbar
title of toolbar