JavaScript DHTML/Dojo toolkit/behavior

Материал из Web эксперт
Версия от 07:20, 26 мая 2010; Admin (обсуждение | вклад) (1 версия)
(разн.) ← Предыдущая | Текущая версия (разн.) | Следующая → (разн.)
Перейти к: навигация, поиск

Add behaviour to tag with dojo.behavior.add

 
<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 id="myDiv">
      Div tag
    </div>
  </body>
</html>



Behaviour mouse out

 
<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>
    <div id="myDiv">
      Mouse over me, and out me
    </div>
  </body>
</html>



Behaviour: mouse over me

 
<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>
    <div id="myDiv">
      Mouse over me
    </div>
  </body>
</html>
Источник — «http://wbex.ru/index.php?title=JavaScript_DHTML/Dojo_toolkit/behavior&oldid=1993»