Call Javascript method from code behind

Question

I have a function in Javascript which makes a label invisible. I want to call this function from the code behind. I am not able to make it invisible. Here are both the lines of code.

C# code behind:

          Page.ClientScript.RegisterStartupScript(GetType(), "MyFunction", "MyFunction();", true);

javascript:

         <script type ="text/javascript" language="javascript">
          function MyFunction()
          {
                 document.getElementById("Label8").style.display = 'none';

          }
          </script>

Pls let me know if there is any mistake. Looks like control is not going to method definition only.

Thank you

If all you are doing is setting display none, why would you not do that from the codebehind? That would also guarantee a clean page load... — Brian P
– Brian P, Commented Mar 18, 2013 at 12:23

Adil · Accepted Answer · 2013-03-18 11:00:56Z

2

Use ClientID of server control (label) in getElementById or set ClientIDMode to static for label and make sure the availability of html elements to script, for that you can put script tag just before closing tag of body

<script type ="text/javascript" language="javascript">
      function MyFunction()
      {
          document.getElementById("<%= Label8.ClientID %>").style.display = 'none';    
      }
</script>

edited Mar 18, 2013 at 11:00

answered Mar 18, 2013 at 10:45

Adil

148k25 gold badges217 silver badges207 bronze badges

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

2 Comments

Sanju Over a year ago

Still not working. Control is not going to method body. Is the calling method line correct?

Adil Over a year ago

Add script tag just before closing tag of body.

Mehmet Ince · Accepted Answer · 2013-03-19 13:22:30Z

1

I assume that you have a label on your page like this;

<asp:Label ID="lblExample" runat="server" ClientIDMode="Static" Text="Hello"></asp:Label>

then I suggest you to use jQuery, and your js function should be like this;

<script type ="text/javascript" language="javascript">
   function hideLabel() 
   {
     $("#lblExample").hide();
   }
</script>

and finally call your js function like this in your code behind;

 ClientScript.RegisterStartupScript(this.GetType(), DateTime.Now.ToString(), "hideLabel();", true);

If you use ScriptManager andMasterPage then call like this;

 ScriptManager.RegisterStartupScript(this,this.GetType(), DateTime.Now.ToString(), "hideLabel();", true);

edited Mar 19, 2013 at 13:22

answered Mar 18, 2013 at 14:07

Mehmet Ince

4,21914 gold badges48 silver badges65 bronze badges

4 Comments

Sanju Over a year ago

I am not able to make it invisible. ClientScript.RegisterStartupScript(GetType() is not coming in blue. Is it a problem?

Sanju Over a year ago

Control is not going to that method in javascript.

Mehmet Ince Over a year ago

Sanju did you used jQuery?

Mehmet Ince Over a year ago

And c# has to accept GetType() or this.GetType(). they are same.

Collectives™ on Stack Overflow

Call Javascript method from code behind

2 Answers 2

2 Comments

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related