JavaScript Tutorial/Dojo toolkit/Popup Context Menu

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

ContextMenu setup

   <source lang="javascript">

<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.Menu");
   </script>
 </head>
 <body class="tundra">
       Right click to see the context menu.
         Item 1
         
         Item 2
 </body>

</html></source>


Right click in here to get the contextual menu

   <source lang="javascript">

<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.MenuItem");
           dojo.require("dijit.Menu");
   </script>
 </head>
 <body class="tundra">
   <body class="tundra">
   Right click in here to get the contextual menu.
foo
           <script type="dojo/method" event="onClick" args="evt">alert("foo");</script>
bar
           <script type="dojo/method" event="onClick" args="evt">alert("bar");</script>
baz
           <script type="dojo/method" event="onClick" args="evt">alert("baz");</script>
   </body>
 </body>

</html></source>