Asp.Net OnClick perform through javascript

Question

I have a normal image for delete and an Asp.Net button. If I click the image which is inside the javascript I need to make the Asp.Net button click and perform it's operation.

Is there any way to do that from the client side: Here is my normal Html button:

This is my Asp.Net button:

<asp:Button ID="Button1" runat="server" Text="Button" />

This is my code behind:

  Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button1.Click
                //Do something//
  End Sub

why do you need both the buttons? can you remove asp button? and use any ajax library to call the server side code when HTML button is clicked? — xgencoder
– xgencoder, Commented Nov 10, 2011 at 18:21
I dont understand why you have two. Create the button in design view and double click it. It will generate the code for the button. — javasocute
– javasocute, Commented Nov 10, 2011 at 18:22
Actually I don't need an Html button and instead of that I use Image which I must use in javascript.And If I click that Image I make the buton automatically click and able to perform its operartion. — coder
– coder, Commented Nov 10, 2011 at 18:23
@javasocute I knew that it's creates a codebehind for the button but I have an image instead of button in the javascript and when t is clicked I need to make the Asp.Net button click. — coder
– coder, Commented Nov 10, 2011 at 18:25

James Johnson · Accepted Answer · 2011-11-10 18:33:55Z

1

Try this:

var btn = document.getElementById("<%=Button1.ClientID%>");
if (btn){
    btn.click();
}

answered Nov 10, 2011 at 18:33

James Johnson

46.1k8 gold badges75 silver badges111 bronze badges

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

Comments

kmkemp · Accepted Answer · 2011-11-10 18:34:59Z

1

I'd try this:

<input type="button" id="mybutton" onclick="document.getElementById('<%= Button1.ClientID %>_input').click();">

answered Nov 10, 2011 at 18:34

kmkemp

1,6663 gold badges18 silver badges21 bronze badges

Comments

kevev22 · Accepted Answer · 2011-11-10 18:36:51Z

1

I think the most proper way would be to do this:

In your code-behind:

Protected ReadOnly Property ButtonClickScript() As String
    Get
        Return Page.ClientScript.GetPostBackEventReference(Button1, "")
    End Get
End Property

Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button1.Click

End Sub

In aspx:

<asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Button" />
<img onclick="<%=ButtonClickScript() %>" />

answered Nov 10, 2011 at 18:36

kevev22

3,76524 silver badges32 bronze badges

Collectives™ on Stack Overflow

Asp.Net OnClick perform through javascript

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related