'addBehavior()' Example : addBehavior « Node Operation « JavaScript DHTML

'addBehavior()' Example

    
<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>

'addBehavior()' Example : addBehavior « Node Operation « JavaScript DHTML

Related examples in the same category