Difference between revisions of "TooltipReferences.js"

Revision as of 17:28, 16 January 2012

// Non-jQuery version of mw:Reference Tooltips // See also custis.css

(function(){

 var tooltipNode, timer;
 function findRef(h)
 {
   h = h.firstChild.getAttribute("href");
   h = h && h.split("#");
   h = h && h[1];
   h = h && document.getElementById(h);
   return h;
 }
 function findPos(obj)
 {
   if (obj.offsetParent)
   {
     var r = [ 0, 0 ];
     while (obj)
     {
       r[0] += obj.offsetLeft;
       r[1] += obj.offsetTop;
       obj = obj.offsetParent;
     }
     return r;
   }
   else if (obj.y)
     return [ obj.x, obj.y ];
 }
 function hide()
 {
   if(tooltipNode && tooltipNode.parentNode == document.body)
   {
     tooltipNode.className = 'referencetooltip hidden';
     timer = setTimeout(function() { document.body.removeChild(tooltipNode); tooltipNode = null; }, 100);
   }
   else
   {
     var h = findRef(this);
     h && (h.style.border = "");
   }
 }
 function show()
 {
   if(!tooltipNode.parentNode || tooltipNode.parentNode.nodeType === 11)
     document.body.appendChild(tooltipNode);
   clearTimeout(timer);
   timer = setTimeout(function() { tooltipNode.className = 'referencetooltip shown'; }, 1);
 }
 addHandler(window, 'load', function()
 {
   var refs = document.getElementsByClassName("reference");
   for (var i = 0; i < refs.length; i++)
   {
     addHandler(refs[i], 'mouseover', function()
     {
       var h = findRef(this);
       if (!h)
         return;
       if (document.body.scrollTop + screen.availHeight > findPos(h)[1])
       {
         h.style.border = "#080086 2px solid";
         return;
       }
       if (!tooltipNode)
       {
         tooltipNode = document.createElement("ul");
         tooltipNode.className = "referencetooltip";
         var c = tooltipNode.appendChild(h.cloneNode(true));
         try
         {
           if (c.firstChild.nodeName != "A")
           {
             while (c.childNodes[1].nodeName == "A" && c.childNodes[1].getAttribute("href").indexOf("#cite_ref-") !== -1)
             {
               do { c.removeChild(c.childNodes[1]); }
               while (c.childNodes[1].nodeValue == " ");
             }
           }
         }
         catch (e) { mw.log(e) }
         c.removeChild(c.firstChild);
         addHandler(tooltipNode, 'mouseover', show);
         addHandler(tooltipNode, 'mouseout', hide);
       }
       show();
       var o = findPos(this);
       tooltipNode.style.top = (o[1]-tooltipNode.offsetHeight) + 'px';
       tooltipNode.style.left = (o[0]-7) + 'px';
     });
     addHandler(refs[i], 'mouseout', hide);
   }
 });

})();