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