Unable to call Javascript function onload a asp:button using ASP.NET4

Question

I am unable to call a Javascript function on the OnLoad event of a asp:button

HTML

<asp:Button ID="btnFromCalOpen" runat="server" Text=" &gt; "   onLoad = "AllHide()"  OnClientClick ="ShowCal()"  />

Javascript

  function AllHide() {
        alert("Hello");
  }

Please Help

i am trying to hide asp:button without using CSS or serverside Coding. How can i hide this control on loading and thanks for your response. — Nabeel
– Nabeel, Commented Sep 19, 2011 at 22:26
See below, you'll need to start the control as hidden with the style property. While this is CSS still, you'll be able to control it directly with JavaScript — Kirk
– Kirk, Commented Sep 19, 2011 at 22:36

Kirk · Accepted Answer · 2011-09-19 22:29:28Z

1

You will need to use JavaScript to toggle styles like you are trying

<asp:Button ID="btnFromCalOpen" runat="server" Text=""  OnClientClick ="ShowCal()" style="display:none;visiblity:hidden;" />

Original Comment You can't do onLoad with JavaScript for any button. What are you hoping to accomplish? We can help figure out that solution.

edited Sep 19, 2011 at 22:29

answered Sep 19, 2011 at 22:19

Kirk

16.3k20 gold badges84 silver badges116 bronze badges

i am trying to hide asp:button without using CSS or serverside Coding. How can i hide this control on loading and thanks for your response.

Nabeel
– Nabeel

09/19/2011 22:23:47
Commented Sep 19, 2011 at 22:23
Thanks alot again Kirk the style worked visible = Flase wont work because then i cant retreive it back from Javascript :)

Nabeel
– Nabeel

09/19/2011 22:37:15
Commented Sep 19, 2011 at 22:37

Add a comment |

Chuck Conway · Accepted Answer · 2011-09-19 22:30:31Z

0

You can do it at the page level. The page has a javascript onload event.

answered Sep 19, 2011 at 22:30

Chuck Conway

16.5k11 gold badges61 silver badges102 bronze badges

Add a comment |

JohnFx · Accepted Answer · 2011-09-19 22:38:51Z

0

You can't do that.

Here's why. The OnLoad event in ASP.NET for a control is fired while the server is building the page (on the web server), but before it sends it to the browser (running on the user's machine).

Code on the web server can't directly call code on the browser computer (which hasn't even got the page yet).

If you just want to hide the control, just do this in your markup:

<asp:Button ID="btnFromCalOpen" runat="server" Text=" &gt; "  visible="false"  OnClientClick ="ShowCal()"  />

Another approach (hidden control doesn't takes up space):

<asp:Button ID="btnFromCalOpen" runat="server" Text=" &gt; "  style="display:none;"  OnClientClick ="ShowCal()"  />

Another approach (hidden control takes up space)

<asp:Button ID="btnFromCalOpen" runat="server" Text=" &gt; "  style="visibility:hidden;"  OnClientClick ="ShowCal()"  />

edited Sep 19, 2011 at 22:38

answered Sep 19, 2011 at 22:28

JohnFx

35k19 gold badges107 silver badges169 bronze badges

if i set visible = false then javascript will not make it visible again

Nabeel
– Nabeel

09/19/2011 22:33:39
Commented Sep 19, 2011 at 22:33
Then just set it as a style on the element instead. Hold on, adding an example to my answer.

JohnFx
– JohnFx

09/19/2011 22:34:51
Commented Sep 19, 2011 at 22:34

Add a comment |

Collectives™ on Stack Overflow

Unable to call Javascript function onload a asp:button using ASP.NET4

3 Answers 3

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Your Answer

Sign up or log in

Post as a guest

Related