Hiding a link's url - CSS

hihassan · 07-10-2008, 01:19 PM

Hi,

I am working on my blogsite, don't know much of CSS but I found a way to hide the URL of my link in the Window Status using;

<a href="link" onMouseOver="window.status=' ' ; return true;" >

However the linked page takes a second or two to load, and while it loads the link appears in the Window Status. Is there any way for me to hide that totally as it loads? also i don't want to show the url of link if someone right click on it...

Thanks.

ssc456 · 07-10-2008, 03:52 PM

Code:

<html lang="en">
<head>
<title>mouseover handler</title>
<script type="text/javascript">
function mouseOutHandler (evt) {
if (typeof evt != 'undefined') {
evt = window.event;
}
window.status = '';
if (evt && typeof evt.returnValue != 'undefined') {
evt.returnValue = true;
}
if (evt && evt.preventDefault) {
evt.preventDefault();
}
return true;
}

window.onload = function (evt) {
if (document.addEventListener) {
document.addEventListener(
'mouseover',
mouseOutHandler,
false
);
}
else if (document.attachEvent) {
document.attachEvent(
'onmouseover',
mouseOutHandler
);
}
};
</script>
</head>
<body>
<p>
Does the status bar show the link URL?
<a href="http://www.example.com/">example</a>
</p>
</body>
</html>

give that a shot

hihassan · 07-11-2008, 09:43 AM

Quote:

Originally Posted by ssc456

Code:

<html lang="en">
<head>
<title>mouseover handler</title>
<script type="text/javascript">
function mouseOutHandler (evt) {
if (typeof evt != 'undefined') {
evt = window.event;
}
window.status = '';
if (evt && typeof evt.returnValue != 'undefined') {
evt.returnValue = true;
}
if (evt && evt.preventDefault) {
evt.preventDefault();
}
return true;
}

window.onload = function (evt) {
if (document.addEventListener) {
document.addEventListener(
'mouseover',
mouseOutHandler,
false
);
}
else if (document.attachEvent) {
document.attachEvent(
'onmouseover',
mouseOutHandler
);
}
};
</script>
</head>
<body>
<p>
Does the status bar show the link URL?
<a href="http://www.example.com/">example</a>
</p>
</body>
</html>

give that a shot

How can i use that in blogsite (blogspot)...

07-10-2008, 01:19 PM	#1
hihassan Solid State Member Join Date: Jul 2008 Posts: 19	Hiding a link's url - CSS Hi, I am working on my blogsite, don't know much of CSS but I found a way to hide the URL of my link in the Window Status using; <a href="link" onMouseOver="window.status=' ' ; return true;" > However the linked page takes a second or two to load, and while it loads the link appears in the Window Status. Is there any way for me to hide that totally as it loads? also i don't want to show the url of link if someone right click on it... Thanks.

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode