JavaScript DHTML/Dojo toolkit/ToolBar

Материал из Web эксперт
Перейти к: навигация, поиск

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>