call javascript from c#

Question

I know this question is asked before, and I looked it up, and found this sulotion:

Page.ClientScript.RegisterStartupScript(this.GetType(), "click", "test();", true);

so I put that in my c# method, and the following javascript code in my head.

<script type ="text/javascript">
    function test() {
        alert("succes");
    }
</script>

this is my html where i call the code behind method.

<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<div id="ampwirecalc">
    <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional" RenderMode="Inline">
    <ContentTemplate>
<asp:DropDownList ID="dropdownsize"  OnSelectedIndexChanged="wirecalc" onchange="runscalc()" AutoPostBack="true" runat="server">
<asp:ListItem Text="Select Wire Size" value="-1"/>
<asp:ListItem Text="1/0 gauge" Value="0" />
<asp:ListItem Text="4 gauge" Value="1" />
<asp:ListItem Text="8 gauge" Value="2" />
</asp:DropDownList>


<script type="text/javascript">
function runscalc()
{
    var totalRMS = document.getElementById('<%=tbx_anw3.ClientID%>').value;
    document.getElementById('<%=HiddenField1.ClientID%>').value = totalRMS;
    }
</script>

<!--These are the texts giving information on the options-->
<div class="textwirecalc">
<p class="selectedwire">Selected Wire:</p>
<p class="neededruns">Needed Runs:</p>
<p class="selectedsize">Selected size:</p>
</div>

<!--These are the labels that wil show the calculated info-->
<div class="labelwirecalc">
<asp:Label ID="wiretype" runat="server" Text="Wire type will show here"></asp:Label>
<asp:Label ID="wireruns" runat="server" Text="Needed runs will show here"></asp:Label>
<asp:Label ID="wiresize" runat="server" Text="Wire size will show here"></asp:Label>
</div>
</ContentTemplate>
</asp:UpdatePanel>

does anyone know what I'm doing wrong, and what I should do instead.

thanks in advance.

What is the issue here? Function test() is not being called? — mlg
– mlg, Commented Jun 3, 2013 at 11:39

Amit · Accepted Answer · 2013-06-03 11:33:18Z

2

Try this

Page.ClientScript.RegisterStartupScript(this.GetType(), "click", "test();", false);

Reference

last parameter true/false indicate- whether to add script tags.

answered Jun 3, 2013 at 11:33

Amit

15.4k8 gold badges49 silver badges69 bronze badges

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

1 Comment

user2420635 Over a year ago

doesn't work either, or do i need to add something else in my c# or html, trying to figure this out for a few days and i'm completely lost..

Damith · Accepted Answer · 2013-06-03 12:12:47Z

2

you can give the javascript like below, no need to write javascript function

Page.ClientScript.RegisterStartupScript(this.GetType(), "click","alert('succes');", true);

UPDATE

ScriptManager.RegisterStartupScript(UpdatePanel1, UpdatePanel1.GetType(),
             "click", "alert('succes');", true);

edited Jun 3, 2013 at 12:12

answered Jun 3, 2013 at 11:34

Damith

63.2k13 gold badges106 silver badges154 bronze badges

4 Comments

mlg Over a year ago

@TheUnknown - I doubt, Jscript in your browser is disabled?

user2420635 Over a year ago

i get the following error: UpdatePanel1 is a field but it's used like a type.

user2420635 Over a year ago

changed it to UpdatePanel and that fixed it but still won't call the function

user2420635 Over a year ago

doesn't work either, i get the feeling something is off on my updatepanel. when i put a breakpoint on my method it goes in there but nothing changes in on client side..

ElmoVanKielmo · Accepted Answer · 2013-06-03 11:35:45Z

0

The third parameter must be enclosed with script tags as the http://msdn.microsoft.com/en-us/library/asz8zsxy.aspx says.

answered Jun 3, 2013 at 11:35

ElmoVanKielmo

11.4k2 gold badges35 silver badges51 bronze badges

Comments

mlg · Accepted Answer · 2013-06-03 12:40:03Z

0

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication2.WebForm1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script type="text/javascript">
        function test() {
            alert("succes");
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <div id="ampwirecalc">
        <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional" RenderMode="Inline">
            <ContentTemplate>
                <asp:DropDownList ID="dropdownsize" onchange="runscalc()" AutoPostBack="true" runat="server" OnSelectedIndexChanged="dropdownsize_SelectedIndexChanged">
                    <asp:ListItem Text="Select Wire Size" Value="-1" />
                    <asp:ListItem Text="1/0 gauge" Value="0" />
                    <asp:ListItem Text="4 gauge" Value="1" />
                    <asp:ListItem Text="8 gauge" Value="2" />
                </asp:DropDownList>
                <script type="text/javascript">

                </script>
                <!--These are the texts giving information on the options-->
                <div class="textwirecalc">
                    <p class="selectedwire">
                        Selected Wire:</p>
                    <p class="neededruns">
                        Needed Runs:</p>
                    <p class="selectedsize">
                        Selected size:</p>
                </div>
                <!--These are the labels that wil show the calculated info-->
                <div class="labelwirecalc">
                    <asp:Label ID="wiretype" runat="server" Text="Wire type will show here"></asp:Label>
                    <asp:Label ID="wireruns" runat="server" Text="Needed runs will show here"></asp:Label>
                    <asp:Label ID="wiresize" runat="server" Text="Wire size will show here"></asp:Label>
                </div>
            </ContentTemplate>
        </asp:UpdatePanel>
    </div>
    </form>
</body>
</html>

And code behind,

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

namespace WebApplication2
{
    public partial class WebForm1 : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
           // Page.ClientScript.RegisterStartupScript(this.GetType(), "click", "test();", true);
        }

        protected void dropdownsize_SelectedIndexChanged(object sender, EventArgs e)
        {
            ScriptManager.RegisterStartupScript(UpdatePanel1, UpdatePanel1.GetType(),
                  "click", "test();", true);
        }
    }
}

Try this code.

edited Jun 3, 2013 at 12:40

answered Jun 3, 2013 at 11:47

mlg

1,1911 gold badge14 silver badges33 bronze badges

4 Comments

user2420635 Over a year ago

it does work when i put it in page_load, but i want to call it when the method is called, in the end of my method protected void wirecalc(object sender, EventArgs e) { //some other code before calling javascript Page.ClientScript.RegisterStartupScript(this.GetType(), "click", "test();", true); } Then it doesnt work..

mlg Over a year ago

@TheUnknown - I have updated my answer. Try that code please.

user2420635 Over a year ago

i figured it out guys, just had a debug session with my software engeneering teacher and the call function codes where all right. i had something on pageload that messed things up.

mlg Over a year ago

@TheUnknown - Good. Please accept as answer/upvote for the answers that helped you.

Collectives™ on Stack Overflow

call javascript from c#

4 Answers 4

1 Comment

UPDATE

4 Comments

Comments

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

UPDATE

4 Comments

Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related