Call a function in JavaScript by its name?

Question

I was trying the next code without success

HTML

<a id="addBookButton" href="javascript:showForm('addBookButton','add-book','activateAddBookForm');" class="addA"><span>Add Book</span></a>

Javascript


function showForm(button,form,callback) {
    $("#"+button).hide();
        $("#"+form).show();
        callback();
}

AgileJon · Accepted Answer · 2009-05-28 16:33:16Z

5

You can just pass a reference to the function into your showForm function.

<a id="addBookButton" href="javascript:showForm('addBookButton','add-book',activateAddBookForm);" class="addA"><span>Add Book</span></a>

answered May 28, 2009 at 16:33

AgileJon

53.7k5 gold badges43 silver badges39 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Gumbo · Accepted Answer · 2009-05-28 16:42:40Z

2

Try this:

function showForm(button,form,callback) {
    $("#"+button).hide();
    $("#"+form).show();
    if (typeof this[callback] == "function") this[callback]();
}

Of you pass the function by value and not just the name of it:

<a id="addBookButton" href="javascript:showForm('addBookButton','add-book',activateAddBookForm);" class="addA"><span>Add Book</span></a>

edited May 28, 2009 at 16:42

answered May 28, 2009 at 16:33

Gumbo

657k112 gold badges792 silver badges852 bronze badges

Comments

Hooray Im Helping · Accepted Answer · 2009-05-28 16:33:13Z

0

Change your a tag to:

<a id="addBookButton" href="#" onclick="showForm('addBookButton','add-book','activateAddBookForm'); return false;" class="addA"><span>Add Book</span></a>

Note the onclick handler, and the return false; within the onclick.

answered May 28, 2009 at 16:33

Hooray Im Helping

5,2745 gold badges32 silver badges45 bronze badges

Comments

PatrikAkerstrand · Accepted Answer · 2009-05-28 16:33:30Z

0

function showForm(button,form,callbackName) {
    $("#"+button).hide();
    $("#"+form).show();
    var callback = window.callbackName;
    if(typeof callback === 'function') {
        callback();
    }
}

answered May 28, 2009 at 16:33

PatrikAkerstrand

45.8k12 gold badges82 silver badges94 bronze badges

Comments

mmansoor · Accepted Answer · 2009-05-28 16:39:10Z

0

<a id="addBookButton" onclick="javascript:showForm('addBookButton','add-book','activateAddBookForm');" class="addA"><span>Add Book</span></a>

Javascript

function showForm(button,form,callback) {
  // Your Code
}

function callFunction(){
  document.getElementById('addBookButton').onclick();
}

answered May 28, 2009 at 16:39

mmansoor

6306 silver badges11 bronze badges

Collectives™ on Stack Overflow

Call a function in JavaScript by its name?

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related