Invoking a javascript function on image button click in asp.net

Question

I am trying to invoke a jquery function when a client press the image button, below is the code:

<asp:ImageButton ID="startUploadLink" runat="server" 
    onclick="startUploadLink_Click" />

    $("#startUploadLink").click(function () {
         $('#<%=FileUpload1.ClientID%>').uploadifyUpload();


         return false;
     });

want to invoke the above function when a user click on image button , also want some code behind logic of onclick image button should work in conjuction with the jquery function, is there any way of achieving it. Any help or suggestions will be highly appreciated.

Jamie Treworgy · Accepted Answer · 2011-04-19 10:38:10Z

1

Why not just use jQuery to bind the click event? You are already sort of doing that, but probably it doesn't work because you aren't looking for the client ID. I'm not sure why you did the right thing for finding FileUpload1 but not for binding the click event, but this should be all you need to do:

<asp:ImageButton ID="startUploadLink" runat="server" 
    onclick="startUploadLink_Click" />
    $('#<%=startUploadLink.ClientID %>').click(function () {
         $('#<%=FileUpload1.ClientID%>').uploadifyUpload();
 return false;
     });

jQuery bindings will override onclientclick but there's not much reason why you should use both. It's better to just use jQuery for binding events if you're already using it. They will work fine with codebehind/postbacks as well. If you want to PREVENT the form from posting from a jQuery bound event, then use e.preventDefault() in the javascript, otherwise, the default action (e.g. the ASP.NET postback function called from href) will occur.

answered Apr 19, 2011 at 10:38

Jamie Treworgy

24.4k9 gold badges81 silver badges120 bronze badges

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

1 Comment

Mr A Over a year ago

i will try this nd let u know if it works , thnx for taking time and looking into this issue

Andrew · Accepted Answer · 2011-04-19 09:34:59Z

1

Try using onclientclick on the imagebutton

<asp:ImageButton ID="startUploadLink" runat="server"      onclientclick="startUploadLink_Click" />

answered Apr 19, 2011 at 9:34

Andrew

5,2752 gold badges27 silver badges45 bronze badges

2 Comments

Mr A Over a year ago

can i use both onclientclick and onclick at a time , coz i want to trigger code behind method also .

ajay_whiz Over a year ago

@muhammad you can use both, remember to return true from your onclientclick function

Collectives™ on Stack Overflow

Invoking a javascript function on image button click in asp.net

2 Answers 2

1 Comment

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related