Question

I am trying to make a button ‘thing’ that handles buttons.
I need to have a way to call a user defined function when the button is clicked.
Here is an examples of an element that would be selected as a button:

<section class = 'button' buttonaction = 'aFunction()'></section>

So, when the button is clicked I want it to get the aFunction() value and use it to call that function.

Example:

elem.onclick = function(){
    action = this.getAttribute('buttonaction');
    action();
}

I know this example is wrong, but I think it conveys what I want to do.
Thanks,
– Michael Mitchell

Answer 1

You could setup your functions something like this:

var my_allowed_functions = {
    func1: function(arg1, arg) {
        alert(arg1 + arg2);
    },
    func2: function(arg1, arg) {
        alert(arg1 + arg2);
    }
};

And just call one of them by name:

my_allowed_functions['func1'].apply(this, argument_array);