Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- // ==UserScript==
- // @name Hover Links (v2)
- // @namespace http://www.userscripts.org
- // @description A tooltip pops up when hovering over links.
- // @include *
- // ==/UserScript==
- // define
- var bg_color = 'linear-gradient(#fff, #ddd)';
- var border_color = 'InfoText';
- var font_color = 'InfoText';
- var font_face = 'message-box';
- var font_size = '13px';
- // sorry, change slyles manually in function create_window :-)
- // variables
- (function () {
- function locate(event) {
- var ttWin = find_window();
- if (ttWin) {
- var tempLeft = (event.clientX + window.pageXOffset) + 9;
- var tempTop = (event.clientY + window.pageYOffset) + 10;
- ttWin.style.top = tempTop + 'px';
- ttWin.style.left = tempLeft + 'px';
- }
- }
- function find_window() {
- return document.getElementById('link_tt');
- }
- function create_window(id, ttTitle) {
- var tt_div = document.createElement('div');
- tt_div.setAttribute('id', 'link_tt');
- tt_div.setAttribute('style', 'text-align: left; background:' + bg_color + ';border:1px solid ' + border_color + ';padding:2px;color:' + font_color + ';font-family:' + font_face + ';font-size:' + font_size + ';position:absolute;z-index:1000000;' +
- 'padding-left: 6px; padding-right: 6px; padding-top: 2px; padding-bottom: 3px; ' +
- 'max-width: 60% !important; line-height: 1.4 !important; width: auto !important;' +
- '-moz-border-radius: 0.7em !important;');
- var decodedUrl = decodeURIComponent(id.href);
- if (ttTitle) {
- ttTitle = '<font style="font-size: 13px; color: #8b0000;">' + ttTitle + '</font><br>';
- }
- else {
- ttTitle = '';
- }
- tt_div.innerHTML = ttTitle + decodedUrl + '</font>';
- document.body.appendChild(tt_div);
- }
- function kill_window() {
- if (find_window()) find_window() .parentNode.removeChild(find_window());
- }
- function create_event(id) {
- if (id.title) {
- var ttTitle = id.title;
- id.addEventListener('mouseover', function () {
- create_window(id, ttTitle);
- }, false);
- id.title = '';
- }
- else {
- id.addEventListener('mouseover', function () {
- create_window(id);
- }, false);
- }
- id.addEventListener('mouseout', function () {
- kill_window();
- }, false);
- id.addEventListener('mousemove', function (event) {
- locate(event);
- }, true);
- }
- var link = document.getElementsByTagName('a');
- for (i = 0; i < link.length; i++) {
- create_event(link[i]);
- }
- }) ()
Advertisement
Add Comment
Please, Sign In to add comment