MediaWiki:Common.js
From EVE University Wiki
Revision as of 17:44, 3 November 2011 by Sarah schneider (talk | contribs) (added ratio correction for tooltip width)
The printable version is no longer supported and may have rendering errors. Please update your browser bookmarks and please use the default browser print function instead.
Note: After saving, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* Any JavaScript here will be loaded for all users on every page load. */ /** Collapsible tables ********************************************************* * * Description: Allows tables to be collapsed, showing only the header. See * http://www.mediawiki.org/wiki/Manual:Collapsible_tables. * Maintainers: [[**MAINTAINERS**]] */ var autoCollapse = 2; var collapseCaption = 'hide'; var expandCaption = 'show'; function collapseTable( tableIndex ) { var Button = document.getElementById( 'collapseButton' + tableIndex ); var Table = document.getElementById( 'collapsibleTable' + tableIndex ); if ( !Table || !Button ) { return false; } var Rows = Table.rows; if ( Button.firstChild.data == collapseCaption ) { for ( var i = 1; i < Rows.length; i++ ) { Rows[i].style.display = 'none'; } Button.firstChild.data = expandCaption; } else { for ( var i = 1; i < Rows.length; i++ ) { Rows[i].style.display = Rows[0].style.display; } Button.firstChild.data = collapseCaption; } } function createCollapseButtons() { var tableIndex = 0; var NavigationBoxes = new Object(); var Tables = document.getElementsByTagName( 'table' ); for ( var i = 0; i < Tables.length; i++ ) { if ( hasClass( Tables[i], 'collapsible' ) ) { /* only add button and increment count if there is a header row to work with */ var HeaderRow = Tables[i].getElementsByTagName( 'tr' )[0]; if( !HeaderRow ) continue; var Header = HeaderRow.getElementsByTagName( 'th' )[0]; if( !Header ) continue; NavigationBoxes[tableIndex] = Tables[i]; Tables[i].setAttribute( 'id', 'collapsibleTable' + tableIndex ); var Button = document.createElement( 'span' ); var ButtonLink = document.createElement( 'a' ); var ButtonText = document.createTextNode( collapseCaption ); Button.className = 'collapseButton'; // Styles are declared in MediaWiki:Common.css ButtonLink.style.color = Header.style.color; ButtonLink.setAttribute( 'id', 'collapseButton' + tableIndex ); ButtonLink.setAttribute( 'href', "javascript:collapseTable(" + tableIndex + ");" ); ButtonLink.appendChild( ButtonText ); Button.appendChild( document.createTextNode( '[' ) ); Button.appendChild( ButtonLink ); Button.appendChild( document.createTextNode( ']' ) ); Header.insertBefore( Button, Header.childNodes[0] ); tableIndex++; } } for ( var i = 0; i < tableIndex; i++ ) { if ( hasClass( NavigationBoxes[i], 'collapsed' ) || ( tableIndex >= autoCollapse && hasClass( NavigationBoxes[i], 'autocollapse' ) ) ) { collapseTable( i ); } } } addOnloadHook( createCollapseButtons ); /** Test if an element has a certain class ************************************** * * Description: Uses regular expressions and caching for better performance. * Maintainers: [[User:Mike Dillon]], [[User:R. Koot]], [[User:SG]] */ var hasClass = (function() { var reCache = {}; return function( element, className ) { return (reCache[className] ? reCache[className] : (reCache[className] = new RegExp("(?:\\s|^)" + className + "(?:\\s|$)"))).test(element.className); }; })(); /** Eve University Tooltip ********************************************************* * * Description: Allows easy use of auto-generated tooltip * http://wiki.eveuniversity.org/Template:Tooltip * Maintainers: Sarah Schneider **********************************************************/ var _tooltipClassName = 'uniwiki-tooltip'; var _tooltipFrameClassName = 'uniwiki-tooltip-frame'; var _activeTooltipIdx = -1; var _posCorrectionX = 20; var _posCorrectionY = 10; var _ratioWidth = 5; var _ratioHeight = 1; function checkElementByClassComp() { if (document.getElementsByClassName == undefined) { document.getElementsByClassName = function(className) { var hasClassName = new RegExp("(?:^|\\s)" + className + "(?:$|\\s)"); var allElements = document.getElementsByTagName("*"); var results = []; var element; for (var i = 0; (element = allElements[i]) != null; i++) { var elementClass = element.className; if (elementClass && elementClass.indexOf(className) != -1 && hasClassName.test(elementClass)) results.push(element); } return results; } } } function createTooltipTrigger() { var tooltips = document.getElementsByClassName(_tooltipClassName); for(var i=0;i<tooltips.length;i++) { tooltips[i].setAttribute( 'id', 'tooltipidx-' + i ); tooltips[i].setAttribute( 'onmouseover', 'showTooltip(' + i + ')' ); tooltips[i].setAttribute( 'onmouseout', 'hideTooltip()'); var matchFrameClassName = new RegExp("(?:^|\\s)" + _tooltipFrameClassName + "(?:$|\\s)"); var innerTooltipEls = tooltips[i].getElementsByTagName('*'); for(var j=0;(innerEl = innerTooltipEls[j]) != null;j++) { if(innerEl.className && innerEl.className.indexOf(_tooltipFrameClassName) != -1 && matchFrameClassName.test(innerEl.className)) { innerTooltipEls[j].setAttribute( 'id', 'tooltipframeidx-' + i ); break; } } } } function tooltipMouseHandler(e) { if (!e){ e = window.event; } mouseX = null; mouseY = null; if(e.pageX && e.pageY) { mouseX = e.pageX; mouseY = e.pageY; } else if(e.clientX && e.clientY) { mouseX = e.clientX + (document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft); mouseY = e.clientY + (document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft); } moveTooltip(mouseX, mouseY); } function moveTooltip(x, y) { if(_activeTooltipIdx != -1) { var parentObj = document.getElementById('tooltipidx-' + _activeTooltipIdx); var parentPos = findPos(parentObj); var frameObj = document.getElementById('tooltipframeidx-' + _activeTooltipIdx); var windowSize = getWindowSize(); if(frameObj.offsetWidth < frameObj.offsetHeight) { frameObj.style.width = (_ratioWidth / (_ratioWidth + _ratioHeight)) * (frameObj.offsetWidth + frameObj.offsetHeight); } var maxTooltipWidth = windowSize.width > 800 ? (0.6 * windowSize.width) : (0.8 * windowSize.width); if(frameObj.offsetWidth > maxTooltipWidth) { frameObj.style.width = maxTooltipWidth + 'px'; frameObj.style.left = ((x - parentPos.x) + _posCorrectionX) + 'px'; }else{ if((frameObj.offsetWidth + parentPos.x + _posCorrectionX) < windowSize.width) { frameObj.style.left = ((x - parentPos.x) + _posCorrectionX) + 'px'; }else { frameObj.style.left = ((x - parentPos.x) - frameObj.offsetWidth - _posCorrectionX) + 'px'; } } frameObj.style.top = ((y - parentPos.y) + _posCorrectionY) + 'px'; } return false; } function findPos(obj) { var curleft = curtop = 0; var position = new Object(); if (obj.offsetParent) { curleft = obj.offsetLeft curtop = obj.offsetTop while (obj = obj.offsetParent) { curleft += obj.offsetLeft curtop += obj.offsetTop } } position.x = curleft; position.y = curtop; return position; } function getWindowSize() { var size = new Object(); if( typeof( window.innerWidth ) == 'number' ) { //Non-IE size.width = window.innerWidth; size.height = window.innerHeight; } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) { //IE 6+ in 'standards compliant mode' size.width = document.documentElement.clientWidth; size.height = document.documentElement.clientHeight; } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) { //IE 4 compatible size.width = document.body.clientWidth; size.height = document.body.clientHeight; } return size; } function showTooltip(id) { _activeTooltipIdx = id; document.onmousemove = tooltipMouseHandler; document.getElementById( 'tooltipframeidx-' + id ).style.display = 'block'; } function hideTooltip() { _activeTooltipIdx = -1; document.onmousemove = null; var allTooltip = document.getElementsByClassName(_tooltipFrameClassName); for(var i=0;(tooltipEl = allTooltip[i]) != null;i++) { tooltipEl.style.display = 'none'; } } addOnloadHook(checkElementByClassComp); addOnloadHook(createTooltipTrigger);