MediaWiki:Common.js
From Bulbapedia, the community-driven Pokémon encyclopedia.
Jump to navigationJump to search
Note: After publishing, 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: Press Ctrl-F5.
/* <pre> */ /* Any JavaScript here will be loaded for all users on every page load. */ if ( wgIsArticle || window.location.href.indexOf( 'action=submit' ) > -1 ) { var script = document.createElement( 'script' ); script.src = '/w/index.php?title=User:Poke/CollapsibleTables.js&action=raw&ctype=text/javascript'; script.type = 'text/javascript'; document.getElementsByTagName( 'head' )[0].appendChild( script ); hookEvent( 'load', function() { new CollapsibleTables(); } ); } function formatDate(t) { var month = new Array(); month[0] = 'January'; month[1] = 'February'; month[2] = 'March'; month[3] = 'April'; month[4] = 'May'; month[5] = 'June'; month[6] = 'July'; month[7] = 'August'; month[8] = 'September'; month[9] = 'October'; month[10] = 'November'; month[11] = 'December'; y = t.getUTCFullYear(); M = t.getUTCMonth(); D = t.getUTCDate(); h = t.getUTCHours(); m = t.getUTCMinutes(); s = t.getUTCSeconds(); if (h > 0 || m > 0 || s > 0) { hms = ''; if (s > 10) hms = ':' + s; else if (s > 0) hms = ':0' + s; if (m > 10) hms = ':' + m + hms; else if (m > 0) hms = ':0' + m + hms; if (h > 12) hms = (h - 12) + hms + ' PM'; else if (h > 0) hms = h + hms + ' AM'; else hms = '12' + hms + ' AM'; return hms + ', ' + month[M] + ' ' + D + ', ' + y; } else { return month[M] + ' ' + D + ', ' + y; } } function formatTime(h, m, s) { var o = ''; if (h != 1) { o = h + ' hours '; } else { o = '1 hour '; } if (m != 1) { o += m + ' minutes '; } else { o += '1 minute '; } if (s != 1) { o += s + ' seconds'; } else { o += '1 second'; } return o; } function updateClocks() { var t = new Date(); setTimeout(updateClocks, 1000); D = t.getUTCDate(); M = t.getUTCMonth(); y = t.getUTCFullYear(); h = t.getUTCHours(); m = t.getUTCMinutes(); s = t.getUTCSeconds(); t = Date.UTC(y, M, D, h, m, s); t = (T - t) / 1000; if (t < 0 && t > -86400 && (h > 0 || m > 0 || s > 0)) { document.getElementById('countdown-big').innerHTML = 'Today'; document.getElementById('countdown-small').innerHTML = ''; document.getElementById('countdown-target').innerHTML = 'is ' + formatDate(new Date(T + tzOffset)) + ' ' + tz; return; } else if (t < 0) { document.getElementById('countdown-big').innerHTML = 'Past'; document.getElementById('countdown-target').innerHTML = formatDate(new Date(T + tzOffset)) + ' ' + tz; return; } D = Math.floor(t / 86400.0); h = Math.floor(t % 86400.0 / 3600.0); m = Math.floor(t % 3600.0 / 60.0); s = Math.floor(t % 60.0) if (D == 1) { document.getElementById('countdown-big').innerHTML = '1 day'; } else if (D == 0) { document.getElementById('countdown-big').innerHTML = ''; } else { document.getElementById('countdown-big').innerHTML = D + ' days'; } document.getElementById('countdown-small').innerHTML = formatTime(h, m, s); } function startCountdown() { document.getElementById('countdown-target').innerHTML = 'to ' + formatDate(new Date(T + tzOffset)) + ' ' + tz; document.getElementById('countdown').style.display = 'block'; updateClocks(); } /* Hook that enables collapsing objects. * Added 7/13/2008 by WhiteMystery on Encyclopedia Dramatica ([email protected]) */ addOnloadHook(createToggleLinks); /* Function that creates collapsing objects and toggle links. * Added 7/13/2008 by WhiteMystery on Encyclopedia Dramatica ([email protected]) */ function createToggleLinks() { var stateArray = new Array(); var allObjects = document.getElementsByTagName('span'); var rCollapsingObject = new RegExp("^co;(.+?);(.+?);(.+?);(.+?)(;(.+?))?$"); for ( var i = 0; i < allObjects.length; i++ ) { if ( rCollapsingObject.test(allObjects[i].className) ) { var collapsingInformation = rCollapsingObject.exec(allObjects[i].className); var collapseText = collapsingInformation[1]; var expandText = collapsingInformation[2]; var initialState = collapsingInformation[3]; var targetClass = collapsingInformation[4]; var linkColor = collapsingInformation[6]; var toggleLink = document.createElement("a"); if ( initialState == "0" ) { toggleLink.appendChild(document.createTextNode(expandText)); stateArray[targetClass] = "none"; } else { toggleLink.appendChild(document.createTextNode(collapseText)); stateArray[targetClass] = "inline"; } toggleLink.setAttribute("href", "javascript:toggleCollapse('" + targetClass + "','" + collapseText + "','" + expandText + "')"); if ( linkColor != undefined && linkColor != "undefined" && linkColor != "" ) toggleLink.style.color = linkColor; allObjects[i].innerHTML = ""; allObjects[i].appendChild(toggleLink); } else if ( allObjects[i].className == "morphMaster" ) { var spanID = allObjects[i].getAttribute("id"); var targetID = spanID.substr(0, spanID.length - 6); var counter = 1; // Create forward and backward paging if the paging elements exist if ( returnObjById(targetID + "LinkNext") && returnObjById(targetID + "LinkPrev") && returnObjById(targetID + "Content1") ) { // Create the forward link var nextLink = document.createElement("a"); nextLink.appendChild(document.createTextNode(returnObjById(targetID + "LinkNext").innerHTML)); nextLink.setAttribute("href", "javascript:morphForward('" + targetID + "')"); returnObjById(targetID + "LinkNext").innerHTML = ""; returnObjById(targetID + "LinkNext").appendChild(nextLink, 0); // Create the backward link var prevLink = document.createElement("a"); prevLink.appendChild(document.createTextNode(returnObjById(targetID + "LinkPrev").innerHTML)); prevLink.setAttribute("href", "javascript:morphBackward('" + targetID + "')"); returnObjById(targetID + "LinkPrev").innerHTML = ""; returnObjById(targetID + "LinkPrev").appendChild(prevLink, 0); // Initialize content panes while ( returnObjById(targetID + "Content" + counter) ) { if ( counter == 1 ) returnObjById(targetID + "Content" + counter).style.display = "inline"; else returnObjById(targetID + "Content" + counter).style.display = "none"; counter++; } } counter = 1; // Whether or not there is paging, generate normal links while ( returnObjById(targetID + "Link" + counter) && returnObjById(targetID + "Content" + counter) ) { var morphLink = document.createElement("a"); morphLink.appendChild(document.createTextNode(returnObjById(targetID + "Link" + counter).innerHTML)); morphLink.setAttribute("href", "javascript:performMorph('" + targetID + "','" + counter + "')"); returnObjById(targetID + "Link" + counter).innerHTML = ""; returnObjById(targetID + "Link" + counter).appendChild(morphLink, 0); // Initialize content panes if ( counter == 1 ) returnObjById(targetID + "Content" + counter).style.display = "inline"; else returnObjById(targetID + "Content" + counter).style.display = "none"; counter++; } allObjects[i].innerHTML = "1"; allObjects[i].style.display = "none"; } } // Set state of appropriate objects allObjects = document.getElementsByTagName('*'); for ( var i = 0; i < allObjects.length; i++ ) { if ( stateArray[allObjects[i].className] ) allObjects[i].style.display = stateArray[allObjects[i].className]; } } /* Function that toggles collapsing objects. * Added 7/13/2008 by WhiteMystery on Encyclopedia Dramatica ([email protected]) */ function toggleCollapse(targetClass, collapseText, expandText) { var allObjects = document.getElementsByTagName('*'); var rCollapsingObject = new RegExp("^co;(.+?);(.+?);(.+?);" + targetClass + "(;(.+?))?$"); var linkType; for ( var i = 0; i < allObjects.length; i++ ) { if ( allObjects[i].className == targetClass ) { if ( allObjects[i].style.display == "none" ) { allObjects[i].style.display = "inline"; linkType = "Collapse"; } else { allObjects[i].style.display = "none"; linkType = "Expand"; } } } allObjects = document.getElementsByTagName('span'); for ( var i = 0; i < allObjects.length; i++ ) { if ( rCollapsingObject.test(allObjects[i].className) ) { var collapsingInformation = rCollapsingObject.exec(allObjects[i].className); var collapseText = collapsingInformation[1]; var expandText = collapsingInformation[2]; var linkColor = collapsingInformation[5]; var toggleLink = document.createElement("a"); if ( linkType == "Expand" ) toggleLink.appendChild(document.createTextNode(expandText)); else if ( linkType == "Collapse" ) toggleLink.appendChild(document.createTextNode(collapseText)); toggleLink.setAttribute("href", "javascript:toggleCollapse('" + targetClass + "','" + collapseText + "','" + expandText + "')"); if ( linkColor != undefined && linkColor != "undefined" && linkColor != "" ) toggleLink.style.color = linkColor; allObjects[i].innerHTML = ""; allObjects[i].appendChild(toggleLink); } } } /* Functions that perform the morph operations. * Added 8/13/2008 by WhiteMystery on Encyclopedia Dramatica ([email protected]) */ function performMorph(targetID, targetNumber) { var counter = 1; while ( returnObjById(targetID + "Content" + counter) ) { if ( counter == targetNumber ) returnObjById(targetID + "Content" + counter).style.display = "block"; else returnObjById(targetID + "Content" + counter).style.display = "none"; counter++; } returnObjById(targetID + "Master").innerHTML = targetNumber; } function morphForward(targetID) { var nextPane = parseInt(returnObjById(targetID + "Master").innerHTML) + 1; if ( returnObjById(targetID + "Content" + nextPane) ) performMorph(targetID, nextPane); else performMorph(targetID, "1"); } function morphBackward(targetID) { var prevPane = parseInt(returnObjById(targetID + "Master").innerHTML) - 1; if ( prevPane > 0 ) performMorph(targetID, prevPane); else { var maxIndex = 1; while ( returnObjById(targetID + "Content" + maxIndex) ) maxIndex++; performMorph(targetID, maxIndex - 1); } } /* </pre> */