'addBehavior()' Example : addBehavior : Node Operation JAVASCRIPT DHTML TUTORIALS


JAVASCRIPT DHTML TUTORIALS » Node Operation » addBehavior »

 

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

    
      
      



-

Leave a Comment / Note


 
Verification is used to prevent unwanted posts (spam). .

Follow Navioo On Twitter

JAVASCRIPT DHTML TUTORIALS

 Navioo Node Operation
» addBehavior