When you hover over a hyperlink you see in the corner of your browser the url you're gonig to. I'm using javascript to navigate through my tabs div. When I hover over the tab I see the url. I would like to hide this. Is this possible?
Link to example
When you hover over a hyperlink you see in the corner of your browser the url you're gonig to. I'm using javascript to navigate through my tabs div. When I hover over the tab I see the url. I would like to hide this. Is this possible?
Link to example
Share Improve this question edited Jul 17, 2011 at 18:41 Jared Farrish 49.3k17 gold badges99 silver badges107 bronze badges asked Jul 17, 2011 at 18:36 user558117user558117 932 silver badges9 bronze badges 5- 8 Are you sure you really want to hide the URL? Smart users will be suspicious about where you are sending them, and may not click at all. I wouldn't. – DOK Commented Jul 17, 2011 at 18:40
- 2 is there a reason you want to hide it? – Karoly Horvath Commented Jul 17, 2011 at 18:41
- You can use an onclick added to a SPAN element and use javascript to manipulate your address. If the purpose is to obscure where the user is being sent, I'd also advocate using some caution. – Jared Farrish Commented Jul 17, 2011 at 18:43
- This question is (almost) a duplicate of stackoverflow./questions/2207467/… – feeela Commented Jul 17, 2011 at 18:44
- I would encourage you to ask this as a question on Software Engineering about why you wouldn't want to do this. You'll find that most developers are going to discourage you from doing this, so you may want to figure out a good reason why it should be done. Around 1999 there was a habit of making the area where the URL shows into a marquee, but that was often subverted to do malicious things to users. – jcolebrand Commented Jul 17, 2011 at 18:47
3 Answers
Reset to default 5Don't do it! Clients like to see where links are going. This behavior isn't up to you.
The only thing you could reasonably do is set the link to go to nowhere, and set the onclick attribute with sourcecode that does a window.location.
If you don't use the "href" attribute, the link won't show up.
Simply do this:
<a id="tab1">Tab 1</a>
$('#tab1').click(function(event) {
switchTabs();
});
This will register a click event (using jQuery) on the link without displaying any URL to the user. This is the proper way for handling links that don't redirect the user.
<a href="javascript:RedirectToUrl(0)">Hide Text</a>
Then in that function you can have a switch case statement which uses window.location to send the user to another page.
Downsides to this include alienating your users which disable Javascript, and search engines probably won't follow this link.