CODEWITHSUNDEEP
javascriptjqueryonclick
Mereep
Mereep

Reputation: 1

Javascript: add onclick attribute DOM

I've tryed to add some listeners to an existing div element

        //Prepare div
        $(this.div).css("z-index","256");
        $(this.div).attr("onmouseover",this.myname+".resize();");
        $(this.div).attr("onmousedown",this.myname+".resize();");
        $(this.div).attr("onmouseout","if("+this.myname+".sized)"+ this.myname+".resize();");

but in IE and Chrome the Event just doesn't get fired while it still gets added to the elements attributes. Firefox works as expected.

Does someone know whats wrong with it?

Thanks

Upvotes: 0

Views: 2223

Answers (1)

SLaks
SLaks

Reputation: 887453

Do not set events as strings.
Instead, you should use jQuery's bind method:

var me = this;    //Inside the handlers, this is the element.

$(this.div).bind('mouseenter mousedown mouseleave',  function() { 
    me.resize(); 
});

Upvotes: 4

Related Questions