|
|
| Rivi 5: |
Rivi 5: |
|
| |
|
| // Footnote popups | | // Footnote popups |
| | | document.write('<script type="text/javascript" src="' |
| function showFootnote(evnt) {
| | + 'http://en.wikipedia.org/w/index.php?title=User:Blue-Haired Lawyer/footnote popups.js' |
| var e = window.event ? window.event : evnt;
| | + '&action=raw&ctype=text/javascript"></' + 'script>'); |
| var obj = window.event ? window.event.srcElement : evnt.target;
| |
|
| |
| // Is this link a ref tag
| |
| if(obj.tagName != "A") return;
| |
| if(!obj.hash) return;
| |
| if(obj.hash.substr(0,11) != "#cite_note-") return;
| |
| if(obj.parentNode.className != "reference") return;
| |
|
| |
| // Is there's a footnote to display?
| |
| // Someone may have forgotten the <references/> tag
| |
| var footnote_id = obj.hash.substr(1);
| |
| if(!document.getElementById(footnote_id)) return;
| |
|
| |
| // Good, hide the popup, if it isn't already
| |
| footnote.style.display = "none";
| |
|
| |
| // Decide where to put the popup
| |
| var window_width = document.body.clientWidth;
| |
| var horizontal_position = e.clientX;
| |
| var vertical_position = e.clientY;
| |
| var horizontal_scroll, vertical_scroll;
| |
|
| |
| if (document.all) {
| |
| var dObj = typeof document.documentElement.scrollLeft == 'undefined' ?
| |
| document.body : document.documentElement;
| |
| horizontal_scroll = dObj.scrollLeft;
| |
| vertical_scroll = dObj.scrollTop;
| |
| } else {
| |
| horizontal_scroll = window.pageXOffset;
| |
| vertical_scroll = window.pageYOffset;
| |
| }
| |
|
| |
| footnote.style.top = (vertical_scroll + vertical_position - 13) + "px";
| |
|
| |
| if(horizontal_position > (window_width / 2)) {
| |
| footnote.style.right = (horizontal_scroll + window_width - horizontal_position - 13) + "px";
| |
| footnote.style.left = "";
| |
| } else {
| |
| footnote.style.right = "";
| |
| footnote.style.left = (horizontal_position - 13) + "px";
| |
| }
| |
|
| |
| // Fetch the footnote text and remove the unnecessary back link(s)
| |
| // This is a little messy as there's no containing tags
| |
| var fn_text = document.getElementById(footnote_id).innerHTML;
| |
| fn_text = fn_text.replace(/^.*<a[^>]*href="#cite_ref-.*?<\/a> */i, ""); // "
| |
|
| |
| // Insert the footnote text
| |
| footnote.innerHTML = fn_text;
| |
|
| |
| //Make the popup visible
| |
| footnote.style.display = "";
| |
| }
| |
|
| |
| function hideFootnote(evnt) {
| |
| var obj = window.event ? window.event.srcElement : evnt.target;
| |
|
| |
| // No point in going on if popup is already hidden
| |
| if(footnote.style.display == "none") return;
| |
|
| |
| // Search the tree to see where the curser is
| |
| var depth = 0; // no need to search too much
| |
| while(obj && obj.parentNode) {
| |
| if(obj.id == "footnote" || obj.id.substr(0, 9) == "cite_ref-") { return; }
| |
| if(depth > 3) break;
| |
| obj = obj.parentNode;
| |
| depth++;
| |
| }
| |
|
| |
| footnote.style.display = "none";
| |
| }
| |
|
| |
| // Set up the float element
| |
| var footnote = document.createElement("DIV");
| |
| footnote.id = "footnote";
| |
| footnote.style.display = "none";
| |
| footnote.style.position = "absolute";
| |
| footnote.style.zIndex = 500;
| |
| footnote.style.border = "1px solid black";
| |
| footnote.style.backgroundColor = "lightyellow";
| |
| footnote.style.maxWidth = "450px";
| |
| footnote.style.textAlign = "justify";
| |
| footnote.style.padding = "5px";
| |
| footnote.style.fontSize = "10pt";
| |
|
| |
| addOnloadHook( function () { document.body.appendChild(footnote) } );
| |
|
| |
| // Add events
| |
| addHandler(document, "mouseover", showFootnote);
| |
| addHandler(document, "mousemove", hideFootnote);
| |
