☰

Link Tooltips

Adds and/or modifies link and image title attributes to include more informaton

  1. // ==UserScript==
  2. // @name        Link Tooltips
  3. // @namespace   Cromagnon
  4. // @description Adds and/or modifies link and image title attributes to include more informaton
  5. // @include     *
  6. // @version     1.2.0202
  7. // ==/UserScript==
  8.  
  9.  
  10.  
  11. //go through and add or modify each link's title
  12. //
  13. //  !Link.title -> Link.href
  14. //
  15. //  !Link.href
  16. //
  17. //       Link.title -> unchanged
  18. //
  19. //   Link.href = #
  20. //
  21. //       Link.title -> unchanged
  22. //
  23. //   Link.title -> Link.title + ( Link.href )
  24. //
  25. //   !Img.title
  26. //
  27. //       !Img.alt
  28. //
  29. //          Img.title -> Link.title
  30. //
  31. //       !Link.href
  32. //
  33. //          Img.title -> Img.alt
  34. //
  35. //        Link.href = #
  36. //
  37. //          Img.title -> Img.alt
  38. //
  39. //        Img.title -> Img.alt + ( Link.href )
  40. //
  41. //   !Link.href
  42. //
  43. //      Img.title -> unchanged
  44. //
  45. //    Link.href = #
  46. //
  47. //      Img.title -> unchanged
  48. //
  49. //    Img.title -> Img.title + ( Link.href )
  50. //
  51. //
  52. function checkLinkTitles(e) {
  53.  
  54.   var target = (e == null) ? document : e.target;
  55.   
  56.   var links = target.getElementsByTagName("a");
  57.   
  58.   if (links.length == 0) {
  59.   
  60.       if (target.nodeName != "A") return;
  61.       
  62.       links = [];
  63.       links.push(target);
  64.  
  65.   };
  66.   
  67.   for (var i = 0; link = links[i]; ++i) {
  68.   
  69.     //if (link.getAttribute("modified-by") == "Link Tooltips")  continue;
  70.     
  71.     //link.setAttribute("modified-by", "Link Tooltips");
  72.     
  73.     var href = link.getAttribute("href");
  74.     var title = link.getAttribute("title");
  75.     
  76.     if (!title) {
  77.     
  78.         if (href != null) link.setAttribute("title", href);
  79.     
  80.     } else if ((href != null) && (href != "#")) {
  81.  
  82.         if ((title != href) && (title.indexOf("(" + href + ")") == -1))
  83. 	
  84. 	    link.setAttribute("title", title + "\n (" + href + ")");
  85.     };
  86.  
  87.  
  88.     //in the latest FireFox versions, titles on image elements override those on enclosing links
  89.     
  90.     var imgs = link.getElementsByTagName("img");
  91.     
  92.     for(var j = 0; img = imgs[j]; ++j) {
  93.     
  94.       var title = img.getAttribute("title");
  95.       var alt = img.getAttribute("alt");
  96.       
  97.       if (!title) {
  98.       
  99. 	if (!alt)
  100. 	
  101. 	    img.setAttribute("title", link.getAttribute("title"));
  102. 	    
  103. 	else if ((href != null) && (href != "#"))
  104. 	
  105. 	    img.setAttribute("title", alt + "\n (" + href + ")");
  106. 	    
  107. 	else img.setAttribute("title", alt);
  108.       }
  109.       else if ((href != null) && (href != "#")) {
  110.       
  111.           if ((title != href) && (title.indexOf("(" + href + ")") == -1))
  112.       
  113. 	    img.setAttribute("title", title + "\n (" + href + ")");
  114.       }
  115.     }
  116.   }
  117. };
  118.  
  119.  
  120.  
  121. // Main function
  122. //
  123. function init() {
  124.  
  125.     checkLinkTitles();
  126.  
  127.     document.addEventListener("DOMSubtreeModified", checkLinkTitles, false);
  128.  
  129. };
  130.  
  131.  
  132.  
  133. // Call our main function.
  134. //
  135.  
  136. init();
  137.  
  138. //end