Load a javascript function while page loads

Question

Hi I want to run a javascript function when the page loads. But as my page derives from the master page there is no form . The is my aspx file

<%@ Page Title="" Language="VB" MasterPageFile="~/Site.Master" AutoEventWireup="false"
CodeFile="test3.aspx.vb" Inherits="test3" %>

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="Server">
<script language="javascript">
    var m_Names = new Array();

    function LoadArray() {
        PageMethods.Load_Array(onSucceeded, onFailed);
    }
    function onSucceeded(result, userContext, methodName) {
        m_Names = result;
    }

    function onFailed(error, userContext, methodName) {
        alert("An error occurred")
    }
</script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="Server">
<asp:ScriptManager ID="ScriptManager1" runat="server" EnablePageMethods="true">
</asp:ScriptManager> 
<asp:TextBox ID="txt_model_code" runat="server"></asp:TextBox><br />
<br />
<input type="button" value="db Function" /><br />
</asp:Content>

I want to run the LoadArray() function initialy when the page loads. This function is calling a pagemethod given in aspx.vb code file..

Partial Class test3
Inherits System.Web.UI.Page
<System.Web.Services.WebMethod()>
Public Shared Function Load_Array() As String()
    Dim Model_Name_old As String()()
    Dim mod_code As String()
    Dim mod_name As String()
    Dim cod_upper As Integer

    //calling webservice that retunrs a jagged array
    Dim ins As New localhost_insert_model.dbModel

    Model_Name_old = ins.get_Model_Name("A")

    mod_code = Model_Name_old(0)
    mod_name = Model_Name_old(1)

    Return mod_name
  End Function
End Class

So how can i load the javascrip LoadArray() function onPageLoad in this scenario??

user595693 · Accepted Answer · 2011-02-18 14:48:35Z

2

This one should work

<script language="javascript">
var m_Names = new Array();

window.onload = function () 
    {
        LoadArray();

    }
 .....your functions    
</script>

answered Feb 18, 2011 at 14:48

user595693

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

Comments

Nirmal · Accepted Answer · 2011-02-18 12:51:52Z

0

I think you can use $document.ready() from jQuery.

answered Feb 18, 2011 at 12:51

Nirmal

1,24519 silver badges32 bronze badges

2 Comments

Nirmal Over a year ago

Try this,<body onload="myFunction()"> or window.onload = function() { myFunction() }

Nirmal Over a year ago

You can also check, webdeveloper.com/forum/showthread.php?t=173832. You may find your answer.

andersand · Accepted Answer · 2011-02-18 13:03:55Z

0

If you don't need the whole page to have loaded completely you could just call it after you created the functions?

var m_Names = new Array();

function loadArray() {
    PageMethods.Load_Array(onSucceeded, onFailed);
}
function onSucceeded(result, userContext, methodName) {
    m_Names = result;
}

function onFailed(error, userContext, methodName) {
    alert("An error occurred")
}

loadArray();

answered Feb 18, 2011 at 13:03

andersand

4272 silver badges10 bronze badges

Comments

Genady Sergeev · Accepted Answer · 2011-02-18 13:09:32Z

0

You can use this code:

Sys.Application.add_load(function(e) { LoadArray(); });

Is its name suggest, this is a page_load handler, which pretty much duplicates in functionality is server-side counter part.

answered Feb 18, 2011 at 13:09

Genady Sergeev

1,6509 silver badges11 bronze badges

Collectives™ on Stack Overflow

Load a javascript function while page loads

4 Answers 4

Comments

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related