Mega Code Archive

 
Categories / JavaScript Reference / Javascript Methods
 

AddBehavior() Example

<!--  Example revised from  The Web Programmer's Desk Reference by Lazaro Issi Cohen and Joseph Issi Cohen  ISBN: 1593270119 Publisher: No Starch Press 2004 -->     <html> <body> <script language="JavaScript">     var behaviorID     function commandAdd() {         behaviorID = document.all.myDiv.addBehavior('makeRed.htc');     }     function commandRemove() {         document.all.myDiv.removeBehavior(behaviorID);     } </script> <button onclick="commandAdd();">Add behavior</button> <button onclick="commandRemove();">Remove behavior</button> <div id="myDiv" style="border:solid; width:500; height:200;">This is a div</div> </body> </html> <!-- Contents of makeRed.htc: <public:attach event="onmouseover" onevent="turnRed()" /> <public:attach event="onmouseout" onevent="turnNormal()" /> <public:property name="redColor" /> <public:method name="setRedColor" /> <script language="JavaScript"> var black var redColor = "red" function setRedColor(color) {     redColor = color  }  function turnRed() {     if (event.srcElement == element) {        black = style.color        runtimeStyle.color = redColor     }  }  function turnNormal() { if (event.srcElement == element) {       runtimeStyle.color = black     }  }  </script> -->