href link to trigger asp.net c# button event

Question

I have a navigation bar consisting of list items. Right at the end of the nav bar I want a logout link:

//other links

...

<li>
    <a href="#"> logout </a>
</li>

I have an event in my C# code called Logout_Click(object sender, EventArgs e) that I want to run when the user clicks the above navbar link, but obviously ordinary <a> tags don't trigger ASP.NET click events.

So I thought I'd be clever and create a HIDDEN <asp:Button> called logout that does trigger the Logout_Click function, and then get the JavaScript to click the button for me.. here is my code:

<a href="javascript:document.getElementById('logout').click();" class="top">Log Out</a>

<form runat="server">
    <asp:Button ID="logout" runat="server" onclick="Logout_Click" Visible="false" />
</form>

But it still didn't work.

Can someone help me?

robertc · Accepted Answer · 2011-07-12 09:40:20Z

3

Try:

<a href="javascript:document.getElementById('<%= logout.ClientID %>').click();" class="top">Log Out</a>

answered Jul 12, 2011 at 9:40

robertc

76k19 gold badges201 silver badges181 bronze badges

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

3 Comments

user447356 Over a year ago

Not enough.. there will be no button in the HTML source code because the server won't send anything due to the button having Visible="false"

ankur Over a year ago

@shadow is correct when page gets rendered browser will not be getting any element , i think you can use ajax to make a partial post back and call a server side function.

user447356 Over a year ago

@ankur really no need for AJAX here - the accepted answer is what needed.

joaofilipe · Accepted Answer · 2011-07-12 09:39:47Z

2

Can you try without the Visible="false" on the asp:button?

And if it works hide it with css instead, style="display:none;"

answered Jul 12, 2011 at 9:39

joaofilipe

545 bronze badges

1 Comment

user447356 Over a year ago

Not really enough.. you better not rely the ID will be the final client ID and use <%= logout.ClientID %> to get it.

Darkwing · Accepted Answer · 2011-07-12 09:40:22Z

0

I think the script needs the client side id of your asp.net control:

javascript:document.getElementById('<%=logout.ClientID').click()

answered Jul 12, 2011 at 9:40

Darkwing

7,6857 gold badges37 silver badges66 bronze badges

Comments

2GDev · Accepted Answer · 2011-07-12 09:41:18Z

0

Or you can use the __doPostBack function ...

http://wiki.asp.net/page.aspx/1082/dopostback-function/enter link description here

answered Jul 12, 2011 at 9:41

2GDev

2,4661 gold badge20 silver badges32 bronze badges

Comments

Waqar Janjua · Accepted Answer · 2011-07-12 12:36:24Z

0

Why not you are using Asp.net LinkButton ? It's easy to do this work with LinkButton.

answered Jul 12, 2011 at 12:36

Waqar Janjua

6,1432 gold badges28 silver badges36 bronze badges

Collectives™ on Stack Overflow

href link to trigger asp.net c# button event

5 Answers 5

3 Comments

1 Comment

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

3 Comments

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related