Connecting a callback action listener WITH parameters

When i'm using the following, everything works well.

butt1.on ('click', function () {sameStuff ('1')});
butt2.on ('click', function () {sameStuff ('2')});

Now, i wish to compact it into one call, instead of two anonymous
functions. The problem is that i'm required to send in a function as the
second parameter. If i use the following i get only a return back, not
typed as function.

butt1.on ('click', function ('1'));

How can i enter as the second parameter BUT with a specified parameter in
it? Is it doable at all?

--
Regards
Konrad Viltersten

On May 22, 7:47 am, "K Viltersten" <t... (AT) viltersten (DOT) com> wrote:

When i'm using the following, everything works well.

butt1.on ('click', function () {sameStuff ('1')});
butt2.on ('click', function () {sameStuff ('2')});

Now, i wish to compact it into one call, instead of two anonymous
functions. The problem is that i'm required to send in a function as the
second parameter. If i use the following i get only a return back, not
typed as function.

butt1.on ('click', function ('1'));

How can i enter as the second parameter BUT with a specified parameter in
it? Is it doable at all?

I'm having trouble understanding what you're trying to do.

Are you perhaps trying to define a single function that can act as the
handler for both button clicks, and do something useful? If that's
the case, just define the function before the two calls to "on",
assigning it to a variable, and reference that variable in the two
"on" calls.

In the common event handler, you'll probably have to know which button
was clicked, so you'll have to get the event object (either passed in
as the single parameter, or the global event object) and get the
target property.

Does that help?

K Viltersten escribió:

When i'm using the following, everything works well.

butt1.on ('click', function () {sameStuff ('1')});
butt2.on ('click', function () {sameStuff ('2')});

Now, i wish to compact it into one call, instead of two anonymous
functions. The problem is that i'm required to send in a function as the
second parameter. If i use the following i get only a return back, not
typed as function.

butt1.on ('click', function ('1'));

How can i enter as the second parameter BUT with a specified parameter
in it? Is it doable at all?

According to Core JavaScript 1.5 Reference, you cannot:

To pass parameters to an event handler, the handler must be
wrapped into another function"

document.form1.button1.onclick = function() {
setBGColor('some value');
};

http://developer.mozilla.org/en/docs...event_handlers


--
-- http://alvaro.es - Álvaro G. Vicario - Burgos, Spain
-- Mi sitio sobre programación web: http://bits.demogracia.com
-- Mi web de humor al baño María: http://www.demogracia.com
--

When i'm using the following, everything works well.
butt1.on ('click', function () {sameStuff ('1')});
butt2.on ('click', function () {sameStuff ('2')});
Now, i wish to compact it into one call, instead of two anonymous
functions. The problem is that i'm required to send in a function as
the second parameter. If i use the following i get only a return back,
not typed as function.
butt1.on ('click', function ('1'));
How can i enter as the second parameter BUT with a specified parameter
in it? Is it doable at all?

According to Core JavaScript 1.5 Reference, you cannot:

To pass parameters to an event handler, the handler must be
wrapped into another function"

document.form1.button1.onclick = function() {
setBGColor('some value');
};

http://developer.mozilla.org/en/docs...event_handlers

Too bad! Thanks.

--
Regards
Konrad Viltersten

When i'm using the following, everything works well.

butt1.on ('click', function () {sameStuff ('1')});
butt2.on ('click', function () {sameStuff ('2')});

Now, i wish to compact it into one call, instead of two anonymous
functions. The problem is that i'm required to send in a function as the
second parameter. If i use the following i get only a return back, not
typed as function.

butt1.on ('click', function ('1'));

How can i enter as the second parameter BUT with a specified parameter
in
it? Is it doable at all?

I'm having trouble understanding what you're trying to do.

Are you perhaps trying to define a single function that can act as the
handler for both button clicks, and do something useful? If that's
the case, just define the function before the two calls to "on",
assigning it to a variable, and reference that variable in the two
"on" calls.

In the common event handler, you'll probably have to know which button
was clicked, so you'll have to get the event object (either passed in
as the single parameter, or the global event object) and get the
target property.

Does that help?

Nope. That, i had already. I wanted to do something even more compact. As
mr Vicario pointed out, i will not get to do it the way i wanted. Thanks
for the reply anyhow. It's appreciated.

--
Regards
Konrad Viltersten

On May 22, 7:47 am, "K Viltersten" <t... (AT) viltersten (DOT) com> wrote:

When i'm using the following, everything works well.

butt1.on ('click', function () {sameStuff ('1')});
butt2.on ('click', function () {sameStuff ('2')});

Now, i wish to compact it into one call, instead of two anonymous
functions. The problem is that i'm required to send in a function as the
second parameter. If i use the following i get only a return back, not
typed as function.

butt1.on ('click', function ('1'));

How can i enter as the second parameter BUT with a specified parameter in
it? Is it doable at all?

Now that I understand what you're trying to do, note that YUI, and
likely all of the major JS frameworks, make it easy to associate
additional parameters with specific handler bindings. It's not worth
doing this if that's all you need it for, but if you were making a
list of reasons ...

You can use something like this:

function makeSameStuff(n) {
return function() { sameStuff(n); };
}

butt1.on("click", makeSameStuff("1"));
butt2.on("click", makeSameStuff("2"));

�lvaro G. Vicario wrote:

K Viltersten escribió:
When i'm using the following, everything works well.

butt1.on ('click', function () {sameStuff ('1')});
butt2.on ('click', function () {sameStuff ('2')});

Now, i wish to compact it into one call, instead of two anonymous
functions. The problem is that i'm required to send in a function as the
second parameter. If i use the following i get only a return back, not
typed as function.

butt1.on ('click', function ('1'));

How can i enter as the second parameter BUT with a specified parameter
in it? Is it doable at all?

According to Core JavaScript 1.5 Reference, you cannot:

The Reference has zero relevance to this question.

To pass parameters to an event handler, the handler must be
wrapped into another function"

document.form1.button1.onclick = function() {
setBGColor('some value');
};

http://developer.mozilla.org/en/docs...event_handlers

This section should be removed as it advocates an obsolete practice
and has nothing to do with the ("Core") programming language. Event
handlers/listeners are part of the (Gecko) DOM API.


PointedEars
--
realism: HTML 4.01 Strict
evangelism: XHTML 1.0 Strict
madness: XHTML 1.1 as application/xhtml+xml
-- Bjoern Hoehrmann

You can use something like this:

function makeSameStuff(n) {
return function() { sameStuff(n); };
}

butt1.on("click", makeSameStuff("1"));
butt2.on("click", makeSameStuff("2"));

Do you mean that switching between quotation
marks and apostrophes makes that difference?

--
Regards
Konrad Viltersten
--------------------------------
sleep - a substitute for coffee for the poor
ambition - lack of sense to be lazy

On 23. Máj, 06:33 h., "K Viltersten" <t... (AT) viltersten (DOT) com> wrote:

Do you mean that switching between quotation
marks and apostrophes makes that difference?
No, it does not matter whether you use single or double quotes. The

difference is the function makeSameStuff, which returns function that
is used as second argument of butt1.on and butt2.on.