Adding onClick Event to the Button Using Java Script

[Jigar Naik]

Hi,

I am creating Button using Java Script onClick event of another button using java script

And now i want to add onClick event to the button which is dynamically created.

How do i do it ?

I have tried following code. but it does not seems like working. Its neighter giving any error not its creating any event

Please have a look at the bellow code and help me out with this issue.

    
var btn = document.createElement('button'); 
btn.name = 'file_' + fileName + iteration;
btn.id = 'file_' + fileName + iteration;
btn.value = 'remove'
btn.setAttribute("onClick","callMe();");
cellRightSel.appendChild(btn);

I am using Internet Explorer 7.0

[Eric Pascarello]

change

btn.setAttribute("onClick","callMe();");  

to

btn.onclick = function(){callMe()}; 

or

btn.onclick = callMe;  

Eric

[Jigar Naik]

Hey Eric,

Thanks a lat...

[Bear Bibeault]

It is important that you understand why what you specified didn't work and Eric's code does. Do you?

[Jigar Naik]

Yes, You are right. but i did not actually understood why my code did not work.

onClick is also an event attribute so logically it should have worked.

May i know when to use setAttribute ?

[Bear Bibeault]

When you want to set an attribute, not a property.

Do you understand the difference between:

"function_name()"

function_name()

and

function_name

[Bauke Scholtz]

To get it to work under all (at least, as many as possible) circumstances and have more flexibility (adding instead of overriding events), I recommend to use this snippet: http://ejohn.org/projects/flexible-javascript-events/