How to add javascript to ASP.NET hyperlink control

Question

How can I enter this URL into a HyperLink ASP.NET Control ?

<a href="https://plus.google.com/share?url={URL}" 
   onclick="javascript:window.open(this.href,'','menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;">
    <img src="https://www.gstatic.com/images/icons/gplus-64.png" alt="Share on Google+"/>
</a>

Are you having problems with the {URL} bit?

Paul Sullivan
– Paul Sullivan

2013-01-21 21:17:53 +00:00
Commented Jan 21, 2013 at 21:17 — Paul Sullivan
– Paul Sullivan, Commented Jan 21, 2013 at 21:17
no, I don't know how to include the javascript onclick

Mario
– Mario

2013-01-21 21:18:43 +00:00
Commented Jan 21, 2013 at 21:18 — Mario
– Mario, Commented Jan 21, 2013 at 21:18
well thats not the URL... that is the onclick javascript

Paul Sullivan
– Paul Sullivan

2013-01-21 21:19:29 +00:00
Commented Jan 21, 2013 at 21:19 — Paul Sullivan
– Paul Sullivan, Commented Jan 21, 2013 at 21:19
thanks for editing the title - was misleading ;)

Paul Sullivan
– Paul Sullivan

2013-01-21 21:26:01 +00:00
Commented Jan 21, 2013 at 21:26 — Paul Sullivan
– Paul Sullivan, Commented Jan 21, 2013 at 21:26

mellamokb · Accepted Answer · 2013-01-21 21:18:54Z

3

Just use onclick. Any properties that are not recognized by ASP.Net are passed as-is.

<asp:HyperLink ID="HyperLink1" runat="Server"
    NavigateUrl="https://plus.google.com/share?url={URL}"
    onclick="javascript:window.open(this.href, '',
      'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');
      return false;">
  ...
</asp:HyperLink>

In general, if you don't need server-side access to a control, I wouldn't recommend converting them to server-side because it adds extra unnecessary processing to the server.

answered Jan 21, 2013 at 21:18

mellamokb

56.8k12 gold badges111 silver badges138 bronze badges

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

Comments

Paul Sullivan · Accepted Answer · 2013-01-21 21:22:02Z

1

To add it in the declarative syntax just add it i.e.

<asp:HyperLink 
    runat="server" 
    ID="theLink" 
    onclick="javascript:window.open(this.href, '','menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');
  return false;">
</asp:HyperLink>

You must note that OnClick (which is event binding for ASP.NET and the lowercase version onclick are NOT the same)

If you want to do it in code behind then you can do it via the WebControl.Attributes array ;)

answered Jan 21, 2013 at 21:22

Paul Sullivan

2,8752 gold badges21 silver badges25 bronze badges

Collectives™ on Stack Overflow

How to add javascript to ASP.NET hyperlink control

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related