Go Back   Computer Forums > Web Design | Website Development > Web Programming
Click Here to Login
Join Computer forums Today


Reply
 
Thread Tools Search this Thread Display Modes
 
Old 07-10-2008, 02:19 PM   #1
Baseband Member
 
Join Date: Jul 2008
Posts: 22
Default 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.
__________________

hihassan is offline   Reply With Quote
Old 07-10-2008, 04:52 PM   #2
Fully Optimized
 
ssc456's Avatar
 
Join Date: Jan 2007
Posts: 4,279
Send a message via MSN to ssc456
Default Re: Hiding a link's url - CSS

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
__________________

__________________
He who has never failed has never attempted anything worth succeeding at.

Dont Eat Animals, Its Not Good For Them And They Dont Like It!
ssc456 is offline   Reply With Quote
Old 07-11-2008, 10:43 AM   #3
Baseband Member
 
Join Date: Jul 2008
Posts: 22
Default Re: Hiding a link's url - CSS

Quote:
Originally Posted by ssc456 View Post
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)...
hihassan is offline   Reply With Quote
Reply

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off



All times are GMT -5. The time now is 02:06 PM.


Powered by vBulletin® Version 3.8.8 Beta 4
Copyright ©2000 - 2017, vBulletin Solutions, Inc.
Search Engine Friendly URLs by vBSEO 3.6.0