Hide Hyperlinks From Site Visitors
When you move your mouse pointer on any of the link in the browser, the
corresponding hyperlink is shown in the status bar. As a webmaster or developer
of a web site, many times you want to hide such hyperlinks in your
pages. This is needed frequently in download pages to hide the original content
location or payment related pages. In this small code sample we will
use ASP.NET HyperLink web control to display our links and then write code to
hide them from the site visitors.
As an example let us assume that you have a HyperLink control called HyperLink1
on the web form. When that control is rendered in the browser; it gets
converted into an HTML <A> tag. In order to hide the URL from the end
user we need to handle three of its client side events:
You might be wondering why we need to handle the third event. This is event is
raised when user right clicks on the link. Since we want to hide the link; we
also would not like the visitors to use "Copy Shortcut" option from the right
click menu. Hence, we also need to handle the OnContextMenu event.
handle them. There are two steps involved in this:
Attach client side events and their event handler function in your server side
Write client side function to handle the events
Attaching events and event handler
In order to attach a client side event and its handler ASP.NET
provides an Attributes collection. You can use this collection as follows:
Here, we are specifying that OnMouseOver client side event will be handled by a
function called HideLink(). In the OnContextMenu event we simply want to return
false to indicate as if that event never fired.
Client side function
window.status="You do not see the link here!";
Here, we simply set the status bar text of the browser window to some custom
text. That's it.
You can download the complete sample code of this article. Just click on the
download link at the top of this article.
In this small article we saw how one can hide hyperlinks in the client browser