OnClientClick does not works on asp.net LinkButton

Question

I have an asp.net linkbutton, which contains the OnClientClick property, however the function within the OnClientClick never gets called, it directly jumps to OnClick function.
Below are the 2 ways I am using LinkButton as:

<asp:LinkButton ID="btn" CssClass="button" Text="Browse Thumbnail" runat="server" 
     OnClientClick="return confirm('Are you sure you want to delete?');">
</asp:LinkButton>

and:

<asp:LinkButton ID="lnkDelete" runat="server" 
     OnClientClick="return confirm('Are you sure you want to delete this slide?');" 
     CommandName="DeleteThumbnail" CommandArgument='<%# Container.DataItemIndex %>'>
   <asp:Image ImageUrl="~/images/delete.gif" ID="imgDelete" runat="server"></asp:Image>  
</asp:LinkButton>

Both of the approaches does not works.

Can anyone please provide some solution for the same.

you havnt defined OnClick in both of those approaches, so he can't jump into OnClick — Postback, Apr 30 '13 at 06:26
you are missing a `JavaScript` call you should try something like this `onclick="javascript:return confirm('Are you sure you want to delete this slide?')"` — MethodMan, Apr 30 '13 at 06:26
Below? can you please let me know how? i have double quotes outside and single inside — Abbas, Apr 30 '13 at 06:32
Content should be double quote and parameter should be single.Just posted my answer below.Try and let me know. — MahaSwetha, Apr 30 '13 at 06:34
There is nothing essentially wrong with the declaration of the script - just tried it as is and it worked, so problem seems to be elsewhere. Are you sure you are not overriding this handler? Maybe in codebehind settings `Attributes["onclick"]`, or in javascript? — Andrei, Apr 30 '13 at 06:35
No i haven't declared any attributes anywhere from the code behind — Abbas, Apr 30 '13 at 06:39
no, it seems like the issue is in IE only, in FF (2nd approach) is working fine. 1st still have issues in all browsers — Abbas, Apr 30 '13 at 06:46
Can you post the HTML into that both link buttons are rendered? — Andrei, Apr 30 '13 at 06:53
You guys can see the page in action: http://kb.dev.asentechdev1.com/slideshowadmin_v2.aspx, site requires credentials here are they: username - Developer (Only for IE its .\Developer) and password: plmnko-09, click on the Browse Thumbnail Button, it will just postbacks, its a linkbutton — Abbas, Apr 30 '13 at 07:01

Shafqat Masood · Answer 1 · 2013-04-30T06:35:22.590

3

  OnClientClick="javascript:return confirmAction();"  

  function confirmAction() {  
      if(confirm('Are you sure you want to delete?')) {  
        // you clicked the OK button.  
        // you can allow the form to post the data.  
        return true;  
    }  
    else {  
        return false;  
        }  
    }

implement the Onclick on the server side

 protected void lnkdelete_Click(object sender, EventArgs e)  
 {  
 }

and if you dnt want to call server method use this

   OnClientClick="javascript:confirmAction(); return false;"

edited Apr 30 '13 at 06:35

answered Apr 30 '13 at 06:27

Shafqat Masood

2,532
1
17
23

I tried this Still that too not working – Abbas Apr 30 '13 at 06:29
make function as above and try – Shafqat Masood Apr 30 '13 at 06:30
No its not working i made below function: function Navigate() { javascript: window.open("http://www.microsoft.com"); } and OnClientClick="javascript:Navigate()" but its not working – Abbas Apr 30 '13 at 06:31
OnClientClick="javascript:Navigate(); – Shafqat Masood Apr 30 '13 at 06:32
I also tried calling the OnClientClick from Page_Load: btn.OnClientClick = "javascript:return confirm('Are you sure?')" and btn.OnClientClick = "javascript:Navigate();" both does not works – Abbas Apr 30 '13 at 06:37
let us [continue this discussion in chat](http://chat.stackoverflow.com/rooms/29169/discussion-between-abbas-and-shafqat-masood) – Abbas Apr 30 '13 at 07:05

score 2 · Accepted Answer · answered May 01 '13 at 02:28

2

There is most probably some other page element that is preventing this event from being fired.

Do you have any other page elements that might interfere? Have you tried removing all other page elements but this one? Do you have some AJAX calls that might interfere? Have you tried this with a simple html element (not asp.net)?

You are most probably doing everything fine in your link button but it seems like problem is elsewhere.

answered May 01 '13 at 02:28

Ronnie Togger

136
1
3

Yes you were right, problem was elsewhere, i was having a function which was preventing anchor tag's onclick event. – Abbas May 03 '13 at 16:14

score 0 · Answer 3 · answered Apr 30 '13 at 06:33

0

Place it in single quotes like below,

<asp:LinkButton ID="btn" CssClass="button" Text="Browse Thumbnail" runat="server" OnClientClick="return confirm('Are you sure you want to delete?');"></asp:LinkButton>

answered Apr 30 '13 at 06:33

MahaSwetha

1,058
1
12
21

score 0 · Answer 4 · answered Apr 30 '13 at 06:33

0

Use like this

 function Navigate() 
 { 
     javascript: window.open("microsoft.com"); 
     return false;
 }

and on clientclick as follows

OnClientClick="return javascript:Navigate()"

or even

 function Navigate() 
 { 
     window.open("microsoft.com"); 
     return false;
 }

 OnClientClick="return Navigate()"

answered Apr 30 '13 at 06:33

शेखर

17,412
13
61
117

it will work. Have you checked for `js` `javascript` error on the page. – शेखर Apr 30 '13 at 06:42

Damith · Answer 5 · 2013-04-30T07:37:05.217

0

There is no problem with your OnClientClick method it should prompt confirm window. but you haven't specify the onclick event of the link button. So you will not able to get the event from code behind.

You may need to enable java scripts for your browser

How to enable JavaScript in a web browser?

Are you using Ajax toolkit? Update panel? then you need to register script by using script manager

To inject a confirm script from a AJAX postback,

ScriptManager.RegisterOnSubmitStatement(btn, Page.GetType(), "confirm", "return confirm('Are you sure');");

edited Apr 30 '13 at 07:37

answered Apr 30 '13 at 06:46

Damith

62,401
13
102
153

Javascript is enabled, i am getting confirm box on HTML input button, but its not working in asp:linkbutton – Abbas Apr 30 '13 at 06:51
is this working? – Abbas Apr 30 '13 at 07:17

score 0 · Answer 6 · answered Apr 30 '13 at 06:50

0

Seems like you have Disabled the javascript in IE. Just enable it & you are good to go. You can follow this post to enable/disable the javascript in IE:

http://browsers.about.com/od/internetexplorertutorials/ss/disable-javascript-ie9.htm

answered Apr 30 '13 at 06:50

Santosh Panda

7,235
8
43
56

OnClientClick does not works on asp.net LinkButton

6 Answers6

Linked