URL on Hover

The page you requested does not exist. A search for category css tags status bar resulted in this page.
Submitted by Nihility on 09-11-2010 - 19:10
in
Displays URL of the link you are hovering over in a corner of the screen or beside the mouse.

Displays the URL of the link you are hovering over, similar to how Chrome has always worked. Highly configurable and the settings can be changed through UJS Manager.

Note:

I just installed Opera 11.10 and the script seems partially incompatible.

Follow Mouse is completely broken and vertical and horizontal animation aren't working when you first hover a link.

Can anyone confirm this? I'll have to confirm it's opera and not me at fault.

I'm rewriting the animation code anyway so I suppose this is a good time to have things break...

Changelog

V1.40 (20-02-2011)

I should have uploaded this near 2 months ago, sorry about that. Here are the changes from V1.36

  • Alternate colours can now external links
  • URL can be set to follow the mouse, like a tooltip
    • When enabled the Top/Bottom, Right/Left options and their respective distance from edge options are repurposed to change the relative position of the url to the mouse
    • Note that there is bad visual corruption if the url is set to appear to the top of the mouse and a border is enabled
  • Breadcrumb support now includes clickable subdomains
  • Some code streamlining
V1.36 (07-12-2010)
  • When Wrap Text is enabled URL will now wrap on ampersand
  • Fixed issue with breadcrumb support where the full URL would not display if there was an instance of "//" in the path
  • Implemented an optimisation so as to avoid root domain parsing, if the domain has not changed since the last link
V1.35 (05-12-2010)
  • Domain Highlighting
  • Breadcrumb support (directories in URL are linked)
  • Font Weight setting added
Syndicate content

application/x-javascript iconzz_url_on_hover_V1.40.js (243)
Tested with Opera version(s): 
10.50
10.6x
11
Your rating: None Average: 4.4 (18 votes)

Comments

Comment viewing options

Select your preferred way to display the comments and click "Save settings" to activate your changes.

So useful and customizable

Submitted by Anonymous on 09-11-2010 - 22:48.

I love it. Great work!

Thanks a lot!   Very

Submitted by Anonymous on 10-11-2010 - 16:27.

Thanks a lot!

 

Very useful

features

Submitted by Anonymous on 24-11-2010 - 7:56.

wow, nice look and good work with the configuration part ;)

just one thing why i hasitate to use it, the sites are not linked like in the 
breadcrumbs.js i use from 

http://snipurl.com/BreadCrumb_URL

could you add this as a feature? 
like if i set delay closure 3000, then i have enough time
to hit the link i want :)

anyhow, good work!

Breadcrumb Support

Submitted by Nihility on 29-11-2010 - 20:03.

I've implemented what I think you're asking for. When enabled each directory in the URL path is linked and can be clicked to go to that directory.

 

I'm currently trying to sort out domain name highlighting so once I'm finished I'll upload it.

:)

Submitted by Anonymous on 30-11-2010 - 23:06.

wow!

i wasn't prepared for such an fast and active response ;)
but i'm glad you want to add this feature, because this will
be a major feature compared to the browser own URL
highliting. 

breadcrumb support... yep, thats the right codeword ;)

waitin for the update & thx
best wishes
neosun

Hi there, it's me again.

Submitted by Anonymous on 06-12-2010 - 0:43.

Hi there,

it's me again. Another thing that comes to my mind is Breadcrumb Support
for Second-level-domains and lower levels. 
E.g. to make the "mainsite" from "subsite.mainsite.com" accessible.

But I dunno if this is possible, just an idea ;-)

Kind regards,
neosun

It's possible. I'll work at

Submitted by Nihility on 07-12-2010 - 20:27.

It's possible. I'll work at it when I get a chance. I'm very busy now unfortunately. :(

combine

Submitted by Anonymous on 04-12-2010 - 6:48.

hey guys, if u don't mind, i have combine url on Hover and Breadcrumb to an extension.

may i?

extension

Submitted by Nihility on 05-12-2010 - 19:21.

I don't mind if you include my script in an extension, I'll probably do it myself once Opera 11 final comes out.

However if you make it into an extension the way it is now, it won't be configurable without altering the source.

(:

Submitted by Anonymous on 06-12-2010 - 0:49.

Thanks for the Update, works wonderful.

Follow the mouse

Submitted by Anonymous on 07-12-2010 - 10:05.

Hi,

first thank you very much for this script - it is amazing!

One suggestion: I would like to have possibility  to display the notification area close to the mouse cursor (I mean just above/bellow the mouse cursor, not only on the top/bottom of the browser window). Now I have to move my eyes up and down from the cursor to the notification box - it is a bit painful..

ino

Tooltip Feature

Submitted by Nihility on 07-12-2010 - 20:14.

I knew someone would eventually ask for this.

Frankly I don't like tooltips. They're too distracting. However, if I can implement it I will.

I'm totally certain it's possible, I'm just not sure how to do it.

Follow the mouse pointer

Submitted by Anonymous on 07-12-2010 - 21:51.

One quick solution could be as codded bellow.

The div have to be moved around the document using javascript which calculates current position of the mouse pointer and updates css top and left attributes.

Notes:

This makes the statDiv following the mouse pointer. The box cannot be accessed with mouse (user cannot click on it )

All is hardcoded for Opera and MSIE (other browsers probably use e.pageX and e.pageY).

It looks better when all corners are rounded when mouse is followed by the box ;-)

j.addEventListener("mousemove",function(){
statDiv.style.top = window.event.clientY + 15;
statDiv.style.left = window.event.clientX + 15;
},false);

Follow the mouse pointer

Submitted by Anonymous on 07-12-2010 - 21:52.

One quic solution could be as codded bellow.

Notes:

This makes the statDiv following the mouse pointer. The box cannot be accessed with mouse (user cannot click on it)

All is hardcoded for Opera and MSIE (other browsers probably use e.pageX and e.pageY).

It looks better when all corners are rounded when mouse is followed by the box ;-)

j.addEventListener("mousemove",function(){
statDiv.style.top = window.event.clientY + 15;
statDiv.style.left = window.event.clientX + 15;
},false);

ino

Yeah that's roughly how I was

Submitted by Anonymous on 07-12-2010 - 22:13.

Yeah that's roughly how I was considering approaching it. I've never had to use the mousemove event nor ever had to access mouse co-ordinates but I've seen them used in other scripts so I knew roughly how to do it.

The problem that struck me is getting the statDiv to follow the mouse smoothly. I was under the impression that the mousemove event would only fire once for each mouse movement.

Would this not result in the statDiv jumping from position to position rather than following the mouse smoothly? or does the event fire multiple times as the mouse moves? I'll read up on it later and see I suppose.

In regards to the user not being able to click on it, I could always map a key to freeze the div in place.

Good idea to map a key to

Submitted by Anonymous on 08-12-2010 - 9:25.

Good idea to map a key to freeze the div ;-)

To your question:

I test it on old machine 2GHz Celeron and it works really smoothly. OnMouseMove event is fired each time the mouse is moving and the div follows the mouse pointer really smoothly.

Just place my piece of code on the the the end of your script into the last FOR loop where are defined other event listeners with some condition to enable that feature of course to test it.

ino

I set the Control key to

Submitted by Anonymous on 08-12-2010 - 10:02.

I set the Control key to freeze the div:

var followMouse = true; 

if(followMouse){
j.addEventListener("mousemove",function(){
if(!event.ctrlKey){
statDiv.style.top = window.event.clientY + 15;
statDiv.style.left = window.event.clientX + 15;
}
},false);
}

Note: it is good idea to disable animation - set oWAnim to false - it looks better while div is following mouse pointer

ino

Wrap text - URL with long attribute list is not wrapped

Submitted by Anonymous on 07-12-2010 - 12:44.

Hi, 

I noticed an issue with wrapping long URLs with many attributes like (test it in small window): http://www.google.com/images?client=opera&rls=en&q=google&oe=utf-8&um=1&...

I tried to solve it but I do not know what non printed white character should I use.

My temporary workaround is just to insert space before each ampersand character using a.textContent = linkText.replace(/&/g," &");

I am using Opera with your script.

Any solution how to wrap link text without visible spaces?

ino

@ Any solution how to wrap

Submitted by Anonymous on 07-12-2010 - 13:16.

@ Any solution how to wrap link text without visible spaces?

Just note: when I used  ​ or ​ a zero‐width spaces those were printed on the screen as a text.

Fixed. Thank you, I didn't

Submitted by Nihility on 07-12-2010 - 20:04.

Fixed.

Thank you, I didn't know that invisible break character existed.

Let me know if it works for you or if there's any problems.

Text wrapping works fine.

Submitted by Anonymous on 08-12-2010 - 9:18.

Text wrapping works fine. Thanks!

ino

HI, thanks for a good job.

Submitted by Anonymous on 19-12-2010 - 19:01.

HI, thanks for a good job. This is something I was looking for.

Though there seem to be issues with some sites where it just does not work.

Examples (funnily enough one is from Opera.com):

https://addons.opera.com/addons/extensions/

or

http://tv.seznam.cz/

Interestingly in both cases the URLs are shown by Opera's native Status Bar (which I desire to have switched off - that's why I want to use your URL on hover...)

Tested with Opera 10.10 - works fine.

Submitted by Anonymous on 31-03-2011 - 10:36.

BTW, may be we should merge this script with utility_breadcrumbURL.js (its shows the full path of the link page) when you hover your mouse on left top corner.

Breadcrumb

Submitted by Nihility on 03-04-2011 - 13:59.

I don't use breadcrumb scripts because it's easy enough to just edit the url bar. If you want to merge them though just paste both scripts into a single .js file. Then they will be "merged".

The appearance (font/colours etc.) wouldn't match though, so maybe it would be worth adding the functionality to this script, for the sake of consistency. I'll look into it. I really need to write a config panel or something as well, all the options are making UserJS manager look really cluttered...

I think

Submitted by Anonymous on 04-04-2011 - 13:19.

Nihility, i think that your script does not need a lot of nice looking options, because his task is pretty simple - show the address of the hovered link. Who needs - that will edit the settings in the script itself by notepad ;) A feature of breadcrumbURL its couple of script rows and its nothing difficult for such script-guru like you ;)

BreadCrumbURL

Submitted by Nihility on 06-04-2011 - 20:21.

Hmm, yea, if 200 lines of alterations to allow animated resizing of multiple divs is a "couple of script rows" then your right... and unfortunately I have about three assessments pending currently as well with more coming up.

I've decided to do it though. De-coupling the animation functions from the rest of the script will make their use in other scripts easier. The problem is I'm having trouble figuring out the best way to encapsulate those functions without having to pass 20 parameters. In other words, with that and how busy I am, it might take a while.

confirm

Submitted by Anonymous on 23-05-2011 - 13:26.

nice updates, lovin it!

i can confirm that follow mouse in O11.11 is broken.

Should definitely appear as an Extension some day to reach more of the casual users.

Comment viewing options

Select your preferred way to display the comments and click "Save settings" to activate your changes.