JavaScript DHTML/Dojo toolkit/behavior
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>