How do I add custom hyperlinks to a webpage

Question

I want to add a hyperlink to a social bookmarking site om my webpage which requires me to include the name of the page it is being sent from.

Example of what I am trying to achieve:

Current page is:

http://www.testpage.com/testpage.aspx?test=34

Hyperlink I want to create on the above page:

http://www.stumbleupon.com/submit?url=http://www.testpage.com/testpage.aspx?test=34

What is the easiest way to programmatically add this customised hyperlink to a webpage?

Answer 1

Using jQuery:

$(document).ready(function(){
    $("a.stumblethis").each(function(){
          $(this).attr("href", "http://www.stumbleupon.com/submit?url="+$(this).attr("href"));
        });    
});

This will convert all links that have a class of "stumblethis".

Answer 2

Assuming that you have a hyperlink like that :

<asp:HyperLink runat="server" ID="myLink" Text="stumbleupon"></asp:HyperLink>

At server side :

string currentPagesUrl = 
       HttpUtility.UrlEncode(HttpContext.Current.Request.Url.AbsoluteUri);
myLink.NavigateUrl = string.Format("http://www.stumbleupon.com/submit?url={0}",  
    currentPagesUrl);

Or an alternative way (this one is easier I think) :

<a href="http://www.stumbleupon.com/submit?url=&lt;%= HttpUtility.UrlEncode(HttpContext.Current.Request.Url.AbsoluteUri) %>" target="_blank">
    stumbleupon 2</a>