Guest User

hover link

a guest
Jun 12th, 2014
276
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.74 KB | None | 0 0
  1. // ==UserScript==
  2. // @name Hover Links (v2)
  3. // @namespace http://www.userscripts.org
  4. // @description A tooltip pops up when hovering over links.
  5. // @include *
  6. // ==/UserScript==
  7. // define
  8. var bg_color = 'linear-gradient(#fff, #ddd)';
  9. var border_color = 'InfoText';
  10. var font_color = 'InfoText';
  11. var font_face = 'message-box';
  12. var font_size = '13px';
  13. // sorry, change slyles manually in function create_window :-)
  14. // variables
  15. (function () {
  16. function locate(event) {
  17. var ttWin = find_window();
  18. if (ttWin) {
  19. var tempLeft = (event.clientX + window.pageXOffset) + 9;
  20. var tempTop = (event.clientY + window.pageYOffset) + 10;
  21. ttWin.style.top = tempTop + 'px';
  22. ttWin.style.left = tempLeft + 'px';
  23. }
  24. }
  25. function find_window() {
  26. return document.getElementById('link_tt');
  27. }
  28. function create_window(id, ttTitle) {
  29. var tt_div = document.createElement('div');
  30. tt_div.setAttribute('id', 'link_tt');
  31. 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;' +
  32. 'padding-left: 6px; padding-right: 6px; padding-top: 2px; padding-bottom: 3px; ' +
  33. 'max-width: 60% !important; line-height: 1.4 !important; width: auto !important;' +
  34. '-moz-border-radius: 0.7em !important;');
  35. var decodedUrl = decodeURIComponent(id.href);
  36. if (ttTitle) {
  37. ttTitle = '<font style="font-size: 13px; color: #8b0000;">' + ttTitle + '</font><br>';
  38. }
  39. else {
  40. ttTitle = '';
  41. }
  42. tt_div.innerHTML = ttTitle + decodedUrl + '</font>';
  43. document.body.appendChild(tt_div);
  44. }
  45. function kill_window() {
  46. if (find_window()) find_window() .parentNode.removeChild(find_window());
  47. }
  48. function create_event(id) {
  49. if (id.title) {
  50. var ttTitle = id.title;
  51. id.addEventListener('mouseover', function () {
  52. create_window(id, ttTitle);
  53. }, false);
  54. id.title = '';
  55. }
  56. else {
  57. id.addEventListener('mouseover', function () {
  58. create_window(id);
  59. }, false);
  60. }
  61. id.addEventListener('mouseout', function () {
  62. kill_window();
  63. }, false);
  64. id.addEventListener('mousemove', function (event) {
  65. locate(event);
  66. }, true);
  67. }
  68. var link = document.getElementsByTagName('a');
  69. for (i = 0; i < link.length; i++) {
  70. create_event(link[i]);
  71. }
  72. }) ()
Advertisement
Add Comment
Please, Sign In to add comment