Access javascript function from code behind

Question

I have a function inside a document ready:

$(document).ready(function () {
    function test1() {
        alert('successful');
    }
});

Now in the Code behind (C#) I have this:

ScriptManager.RegisterStartupScript(this, typeof(Page),"Con121", "test1();", true);

This does not popup with an alert... But works fine if I take it out of the ready function. I need this to work in the ready.

I have even tried doing this with no success:

$(document).ready(function () {
    window.test1 function test1() {
        alert('successful');
    }
});

Why are you trying to declare a function inside another function? That just looks wierd! You say you need this to work in the ready - please can you elaborate on this statement to explain why you have to do it this way? — RB.
– RB., Commented Feb 25, 2013 at 12:55

Andreas Grech · Accepted Answer · 2013-02-25 13:01:04Z

2

Try:

var test1;

$(document).ready(function () {
    test1 = function () {
        alert('successful');
    }
});

The problem here is scoping. Since you're declaring your function test1 from within another function (ready), the startup script you're creating from the code-behind won't be able to access it from outside of the ready function.

Also, you need to make sure that your start up script is being fired after jQuery.ready because otherwise you might try to invoke an unassigned variable.

Finally, if the function doesn't need to be specifically declared from withing ready, simply move it out of there altogether so that both function declaration and assignment will exist in the global scope.

edited Feb 25, 2013 at 13:01

answered Feb 25, 2013 at 12:55

Andreas Grech

108k102 gold badges303 silver badges362 bronze badges

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

1 Comment

webnoob Over a year ago

Worth noting that the JS document ready will be called AFTER the code behind Page_Load so could cause another hiccup.

Rawling · Accepted Answer · 2013-02-25 13:00:22Z

(Part of) your problem is that your ScriptManager.RegisterStartupScript call puts the test1(); call somewhere in your page's HTML where it is executed immediately, but the $(document).ready(function () { ... }); wrapping the definition of test1 means the function doesn't exist to be called until after the page, including the call, has already been loaded.

There's no reason to wait for the document to be ready to define your function, so why not just define it straight out?

Alternatively, why not remove the ScriptManager.RegisterStartupScript and put the call test1(); immediately after the definition? This will call it as soon as the page has finished loading:

$(document).ready(function () {
    function test1() {
        alert('successful');
    }
    test1();
});

Collectives™ on Stack Overflow

Access javascript function from code behind

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related