How to run javascript from c# in asp.net

Question

I am new to Asp.Net and i have my aspx page like this

<%@ Page Title="" Language="C#" MasterPageFile="~/Main.Master" AutoEventWireup="true" CodeBehind="TestJs.aspx.cs" Inherits="tms.Test.TestJs" %>

<asp:Content ID="Content1" ContentPlaceHolderID="StyleSection" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentSection" runat="server">
    <div class="container">
        <div class="panel">
            <asp:Button ID="btnAlert" OnClick="btnAlert_OnClick" runat="server"/>
        </div>
    </div>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ScriptSection" runat="server">
    <script type="text/javascript">
        function myFunc() {
            $.alert("Hello Mz");
        }
    </script>
</asp:Content>

And my .cs file looks like this

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace tms.Test
{
    public partial class TestJs : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {

        }

        protected void btnAlert_OnClick(object sender, EventArgs e)
        {
            ScriptManager.RegisterClientScriptBlock(Page, typeof(Page), "newFunc", "myFunc()", true);
        }
    }
}

When I click the button the script does not call up and give some object expected error.

I am really stuck at this. Please help me. Thanx In Advance.

Try this ScriptManager.RegisterClientScriptBlock(Page, typeof(Page), "newFunc", "myFunc()", false); Make last argumanet false. — Mairaj Ahmad
– Mairaj Ahmad, Commented Jun 2, 2015 at 5:34
@MairajAhmad: It worked but it doesn't show alert. "myFunc()" gets printed on top of my page. — Murtaza Munshi
– Murtaza Munshi, Commented Jun 2, 2015 at 5:37

Arumoy Roy · Accepted Answer · 2015-06-02 07:04:10Z

3

In the button click event scriptmanager can be called

protected void btn_click(object sender, EventArgs e){
ScriptManager.RegisterStartupScript(this,this.GetType(),"Your Comment","myFunc();", true);}

Change your script like below :

<script type="text/javascript">
    function myFunc() {
        alert("Hello Mz");
    }
</script>

edited Jun 2, 2015 at 7:04

Arumoy Roy

10812 bronze badges

answered Jun 2, 2015 at 5:44

Rakesh Sajja

1489 bronze badges

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

6 Comments

Murtaza Munshi Over a year ago

May i ask where do i put this code. On the button click event or Page_Load event.

Rakesh Sajja Over a year ago

It should work perfectly. You have to put the code in your button click event, not page load.

Arumoy Roy Over a year ago

Replace $.alert("Hello Mz"); with alert("Hello Mz");

Murtaza Munshi Over a year ago

var script = String.Format(@"alert('Hello Mz');"); ScriptManager.RegisterClientScriptBlock(this, this.GetType(), "mzFunc", script, true); - I tried this and it worked

Rakesh Sajja Over a year ago

are you sure your myFunc() is rendering in the page? Because it is under different content place holder. Try to put your <script></script> block inside ContentSection place holder.

|

Complexity · Accepted Answer · 2015-06-02 05:40:32Z

2

First of all, I don't understand why you are using the ScriptManager here. An ASP Button has a property named onClientClick. See this MSDN link for more information.

You can change your button's code in the HTML like:

<asp:Button ID="btnAlert" OnClick="btnAlert_OnClick" onClientClick="myFunc();" runat="server"/>

Note: The onClientClick will be executed before the onClick event. This is written out of my head and untested!

answered Jun 2, 2015 at 5:40

Complexity

5,8426 gold badges47 silver badges91 bronze badges

1 Comment

Murtaza Munshi Over a year ago

Yes you are right. But actually i want to do some C# code behind and then i want to call js. But it wasnt working so i created a testpage like this and asked you to guide me.

madmonk46 · Accepted Answer · 2025-02-20 15:36:48Z

0

Download the files sweetalert-dev.js, sweetalert.css, and sweetalert.min.js. Add these files to your project. Refer to these files in <head> tag and put this function in <head> tag.

Then, in your C# button click handler, use the following:

ScriptManager.RegisterStartupScript(this, this.GetType(), "Your Comment", "JSalert();", true);

edited Feb 20 at 15:36

madmonk46

5775 silver badges21 bronze badges

answered Feb 20 at 9:53

yasser amoory

1

Collectives™ on Stack Overflow

How to run javascript from c# in asp.net

3 Answers 3

6 Comments

1 Comment

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

6 Comments

1 Comment

Comments

Linked

Related