JavaScript DHTML/Dojo toolkit/ToolBar
Add ToolbarSeparator to Toolbar
<source lang="html4strict">
<html>
<head> <link rel="StyleSheet" type="text/css" href="js/dojo/dijit/themes/tundra/tundra.css"> <script type="text/javascript"> var djConfig = { baseScriptUri : "js/dojo/", parseOnLoad : true }; </script> <script type="text/javascript" src="js/dojo/dojo/dojo.js"></script> <script> dojo.require("dojo.parser"); dojo.require("dijit.form.Button"); dojo.require("dijit.Toolbar"); function italic() { alert("Italic"); } dojo.addOnLoad(function() { dojo.connect(dojo.byId("toolbar1.italic"),"onclick",italic); }); </script> </head> <body class="tundra">
Italic
</body>
</html>
</source>
Att separator to tool bar
<source lang="html4strict">
<html>
<head> <link rel="StyleSheet" type="text/css" href="js/dojo/dijit/themes/tundra/tundra.css"> <script type="text/javascript"> var djConfig = { baseScriptUri : "js/dojo/", parseOnLoad : true }; </script> <script type="text/javascript" src="js/dojo/dojo/dojo.js"></script> <script> dojo.require("dojo.parser"); dojo.require("dijit.form.Button"); dojo.require("dijit.Toolbar"); </script> </head> <body class="tundra">
Cut
Copy
Paste
Bold
</body>
</html>
</source>
Create tool bar and add buttons to it
<source lang="html4strict">
<html>
<head> <link rel="StyleSheet" type="text/css" href="js/dojo/dijit/themes/tundra/tundra.css"> <script type="text/javascript"> var djConfig = { baseScriptUri : "js/dojo/", parseOnLoad : true }; </script> <script type="text/javascript" src="js/dojo/dojo/dojo.js"></script> <script> dojo.require("dojo.parser"); dojo.require("dijit.form.Button"); dojo.require("dijit.Toolbar"); </script> </head> <body class="tundra">
Cut
Copy
Paste
Bold
</body>
</html>
</source>