JavaScript DHTML/Dojo toolkit/behavior

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

Add behaviour to tag with dojo.behavior.add

   <source lang="html4strict">

<html>

 <head>
   <script type="text/javascript">
     var djConfig = {
       baseScriptUri : "js/dojo/"
     };
   </script>
   <script type="text/javascript" src="js/dojo/dojo/dojo.js">
   </script>
   <script language="JavaScript" type="text/javascript">
     dojo.require("dojo.behavior");
     dojo.behavior.add({
       "#myDiv" : {
         found : function (elem) {
           alert("Found the div: " + elem);
         },
       }
      });
     dojo.behavior.apply();
   </script>
 </head>
 <body>
     Div tag
 </body>

</html>

 </source>
   
  


Behaviour mouse out

   <source lang="html4strict">

<html>

 <head>
   <script type="text/javascript">
     var djConfig = {
       baseScriptUri : "js/dojo/"
     };
   </script>
   <script type="text/javascript" src="js/dojo/dojo/dojo.js">
   </script>
   <script language="JavaScript" type="text/javascript">
     dojo.require("dojo.behavior");
     dojo.behavior.add({
       "#myDiv" : {
         onmouseout: function (evt) {
           alert("onMouseOut fired");
         }
       }
      });
     dojo.behavior.apply();
   </script>
 </head>
 <body>
     Mouse over me, and out me
 </body>

</html>

 </source>
   
  


Behaviour: mouse over me

   <source lang="html4strict">

<html>

 <head>
   <script type="text/javascript">
     var djConfig = {
       baseScriptUri : "js/dojo/"
     };
   </script>
   <script type="text/javascript" src="js/dojo/dojo/dojo.js">
   </script>
   <script language="JavaScript" type="text/javascript">
     dojo.require("dojo.behavior");
     dojo.behavior.add({
       "#myDiv" : {
         onmouseover: function (evt) {
           alert("onMouseOver fired");
         }
       }
      });
     dojo.behavior.apply();
   </script>
 </head>
 <body>
     Mouse over me
 </body>

</html>

 </source>