setting events

[Wim Roffal]

I have an object

<button id=summer>

Now I want to dynamically set an event for this object:

function foo()
{
}
myobject = document.getElementById("summer");
myobject.onClick = foo;

Problem is that I want to give the function an argument. "foo(this)" instead
of just "foo".

How can I achieve that?

Thanks,

Wim

 

[Lasse Reichstein Nielsen]

<button id=summer>

Now I want to dynamically set an event for this object: ....
myobject = document.getElementById("summer");
myobject.onClick = foo;

Problem is that I want to give the function an argument. "foo(this)" instead
of just "foo".

---
var self = this; // save reference in variable
myobject.onclick = function(){ foo(self); };
---
Notice:
"onclick" must be all lower case.
The function *is* given one argument: the event. Here it is discarded.
(except in IE, where the event is a global variable instead)

/L

 

[Mike Foster]

I have an object

<button id=summer>

Now I want to dynamically set an event for this object:

function foo()
{
}
myobject = document.getElementById("summer");
myobject.onClick = foo;

Problem is that I want to give the function an argument. "foo(this)" instead
of just "foo".

How can I achieve that?

The Event object is the only argument passed to a listener.
However, there are ways to accomplish what I think you want.
Have a look at this demo:
http://cross-browser.loc/toys/tristateimage.html