Question

How do you change the JavaScript that will execute when a form button is clicked?

I’ve tried changing its onClicked and its onclicked child attributes like so:

$('mybutton').onClick = 'doSomething';

and

$('mybutton').attributes["onclick"] = 'doSomething()';

Neither seem to work. My other options are:

1. To have two buttons and hide one and show the other.
2. To have it directed to a function that evals a string and change the string to the function I want to execute.

Neither seem very elegant.

I’m using Prototype as a js library so it that has any useful tools I can use them.

Answer 1

For Prototype, I believe that it would be something like this:

$("mybutton").observe('click', function() {
     // do something here
});

EDIT: Or, as it says in the documentation, you could simply specify the function you want to call on click:

$('mybutton').observe('click', respondToClick);

function respondToClick(event) {
    // do something here
}

But this is all, again, Prototype-specific.