How to wire click event with argument when create input

[quoclinh]

Hi,

I have the following function that works. It would create an input
that would invoke a click event that call a javascript function:

function createButton(text)
{
var btn = document.createElement('input');
btn.type = 'submit';
btn.value = text;
btn.setAttribute('onclick', 'execAction()'); //this does not
work
btn.setAttribute('class', 'CustomButton'); //this does not
work
btn.onclick = execAction; //this works
return btn;
}

function execAction()
{
alert('in execAction');
return false;
}

The question is, if I have an execAction function with an argument,
how do I change the code in createButton to accomodate it?

Thanks in advance,
Quoc Linh

[Skye Shaw!]

On Jun 22, 12:10 am, quoclinh <[e-mail]:

Hi,

I have the following function that works. It would create an input
that would invoke a click event that call a javascript function:

function createButton(text)
{
var btn = document.createElement('input');
btn.type = 'submit';
btn.value = text;
btn.setAttribute('onclick', 'execAction()'); //this does not
work
btn.setAttribute('class', 'CustomButton'); //this does not
work
btn.onclick = execAction; //this works
return btn;

}

function execAction()
{
alert('in execAction');
return false;

}

The question is, if I have an execAction function with an argument,
how do I change the code in createButton to accomodate it?

Maybe try:

//....

btn.onclick = execAction;
btn.args = createButtonArgs;
return btn;

function execAction() {

this.args*2.14159
// etc...
}

[RobG]

On Jun 22, 5:10 pm, quoclinh <[e-mail]:

Hi,

I have the following function that works. It would create an input
that would invoke a click event that call a javascript function:

[...]

btn.onclick = execAction; //this works

[...]

>
The question is, if I have an execAction function with an argument,
how do I change the code in createButton to accomodate it?

btn.onclick = function() {
execAction(arg1, arg2, ...);
}

Incidentally, if you want a function that fires when a form is
submitted, you are much better off to put it on the form's onsubmit
handler rather than the submit button's onclick handler.
--
Rob

[Michael White]

Skye Shaw!@#$ wrote:

On Jun 22, 12:10 am, quoclinh <[e-mail]:

>>Hi,

I have the following function that works. It would create an input
that would invoke a click event that call a javascript function:

function createButton(text)
{
var btn = document.createElement('input');
btn.type = 'submit';
btn.value = text;
btn.setAttribute('onclick', 'execAction()'); //this does not
work
btn.setAttribute('class', 'CustomButton');

btn.className='CustomButton';
btn.onclick=execAction;

Mick
//this does not

>>work
btn.onclick = execAction; //this works
return btn;

}

function execAction()
{
alert('in execAction');
return false;

}

The question is, if I have an execAction function with an argument,
how do I change the code in createButton to accomodate it?

Maybe try:

//....

btn.onclick = execAction;
btn.args = createButtonArgs;
return btn;

function execAction() {

this.args*2.14159
// etc...
}

[quoclinh]

On Jun 22, 1:56 am, RobG <[e-mail]:

On Jun 22, 5:10 pm, quoclinh <[e-mail]:

Hi,

I have the following function that works. It would create an input
that would invoke a click event that call a javascript function:

[...]

btn.onclick = execAction; //this works

[...]

The question is, if I have an execAction function with an argument,
how do I change the code in createButton to accomodate it?

btn.onclick = function() {
execAction(arg1, arg2, ...);
}

Incidentally, if you want a function that fires when a form is
submitted, you are much better off to put it on the form's onsubmit
handler rather than the submit button's onclick handler.

--
Rob

Hi all,

Thank you for all your solutions! I really appreciate it. I chose to
go with RobG solution and it's work beautifully. However, being able
to pass the argument value dynamically instead of fixed value would be
tremendously useful as well. I will try other methods when time
allowed.

Thanks again for all your help!

Quoc Linh