|
|
(16 intermediate revisions by 4 users not shown) |
Line 1: |
Line 1: |
| // --------------------------------------------------------
| |
| // Collapsible tables
| |
| // Description: Allows tables to be collapsed, showing only the header. See [[Wikipedia:NavFrame]].
| |
| // Maintainers: User:R. Koot
| |
| // --------------------------------------------------------
| |
|
| |
| 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.style.styleFloat = "right";
| |
| Button.style.cssFloat = "right";
| |
| Button.style.fontWeight = "normal";
| |
| Button.style.textAlign = "right";
| |
| Button.style.width = "6em";
| |
|
| |
| 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 );
| |
|
| |
|
| |
| // --------------------------------------------------------
| |
| // Dynamic Navigation Bars (experimental)
| |
| // Description: See [[Wikipedia:NavFrame]].
| |
| // --------------------------------------------------------
| |
|
| |
| // set up the words in your language
| |
| var NavigationBarHide = '[' + collapseCaption + ']';
| |
| var NavigationBarShow = '[' + expandCaption + ']';
| |
|
| |
| // shows and hides content and picture (if available) of navigation bars
| |
| // Parameters:
| |
| // indexNavigationBar: the index of navigation bar to be toggled
| |
| function toggleNavigationBar(indexNavigationBar) {
| |
| var NavToggle = document.getElementById("NavToggle" + indexNavigationBar);
| |
| var NavFrame = document.getElementById("NavFrame" + indexNavigationBar);
| |
|
| |
| if (!NavFrame || !NavToggle) {
| |
| return false;
| |
| }
| |
|
| |
| // if shown now
| |
| if (NavToggle.firstChild.data == NavigationBarHide) {
| |
| for (
| |
| var NavChild = NavFrame.firstChild;
| |
| NavChild != null;
| |
| NavChild = NavChild.nextSibling
| |
| ) {
| |
| if ( hasClass( NavChild, 'NavPic' ) ) {
| |
| NavChild.style.display = 'none';
| |
| }
| |
| if ( hasClass( NavChild, 'NavContent') ) {
| |
| NavChild.style.display = 'none';
| |
| }
| |
| }
| |
| NavToggle.firstChild.data = NavigationBarShow;
| |
|
| |
| // if hidden now
| |
| } else if (NavToggle.firstChild.data == NavigationBarShow) {
| |
| for (
| |
| var NavChild = NavFrame.firstChild;
| |
| NavChild != null;
| |
| NavChild = NavChild.nextSibling
| |
| ) {
| |
| if( hasClass(NavChild, 'NavPic') ) {
| |
| NavChild.style.display = 'block';
| |
| }
| |
| if( hasClass(NavChild, 'NavContent') ) {
| |
| NavChild.style.display = 'block';
| |
| }
| |
| }
| |
| NavToggle.firstChild.data = NavigationBarHide;
| |
| }
| |
| }
| |
|
| |
| // adds show/hide-button to navigation bars
| |
| function createNavigationBarToggleButton() {
| |
| var indexNavigationBar = 0;
| |
| // iterate over all < div >-elements
| |
| var divs = document.getElementsByTagName("div");
| |
| for(
| |
| var i=0;
| |
| NavFrame = divs[i];
| |
| i++
| |
| ) {
| |
| // if found a navigation bar
| |
| if( hasClass(NavFrame, "NavFrame") ) {
| |
|
| |
| indexNavigationBar++;
| |
| var NavToggle = document.createElement("a");
| |
| NavToggle.className = 'NavToggle';
| |
| NavToggle.setAttribute('id', 'NavToggle' + indexNavigationBar);
| |
| NavToggle.setAttribute('href', 'javascript:toggleNavigationBar(' + indexNavigationBar + ');');
| |
|
| |
| var NavToggleText = document.createTextNode(NavigationBarHide);
| |
| for (
| |
| var NavChild = NavFrame.firstChild;
| |
| NavChild != null;
| |
| NavChild = NavChild.nextSibling
| |
| ) {
| |
| if ( hasClass( NavChild, 'NavPic' ) || hasClass( NavChild, 'NavContent' ) ) {
| |
| if (NavChild.style.display == 'none') {
| |
| NavToggleText = document.createTextNode(NavigationBarShow);
| |
| break;
| |
| }
| |
| }
| |
| }
| |
|
| |
| NavToggle.appendChild(NavToggleText);
| |
| // Find the NavHead and attach the toggle link (Must be this complicated because Moz's firstChild handling is borked)
| |
| for(
| |
| var j=0;
| |
| j < NavFrame.childNodes.length;
| |
| j++
| |
| ) {
| |
| if( hasClass(NavFrame.childNodes[j], "NavHead") ) {
| |
| NavFrame.childNodes[j].appendChild(NavToggle);
| |
| }
| |
| }
| |
| NavFrame.setAttribute('id', 'NavFrame' + indexNavigationBar);
| |
| }
| |
| }
| |
| }
| |
|
| |
| addOnloadHook( createNavigationBarToggleButton );
| |
|
| |
|
| |
| // -------------------------------------------------------- | | // -------------------------------------------------------- |
| // Test if an element has a certain class | | // Test if an element has a certain class |
Line 348: |
Line 158: |
| // | | // |
|
| |
|
| // -------------------------------------------------------- | | /*gotten from http://grifkuba.org/MotherEarthBoundWiki/index.php?title=MediaWiki:Common.js on 11/1/2010*/ |
| // Recent Changes Edit Colors | | /* |
| // Colors the page size changes on the recent changes | | === DOM creation === |
| // -------------------------------------------------------- | | <pre>*/ |
| importStylesheetURI("http://zeldawiki.org/User:Matt/RC_Colors.css" + "&ctype=text/css&action=raw");
| | /** |
| // | | * Create a new DOM node for the current document. |
| | * Basic usage: var mySpan = newNode('span', "Hello World!") |
| | * Supports attributes and event handlers*: var mySpan = newNode('span', {style:"color: red", focus: function(){alert(this)}, id:"hello"}, "World, Hello!") |
| | * Also allows nesting to create trees: var myPar = newNode('p', newNode('b',{style:"color: blue"},"Hello"), mySpan) |
| | * |
| | * *event handlers, there are some issues with IE6 not registering event handlers on some nodes that are not yet attached to the DOM, |
| | * it may be safer to add event handlers later manually. |
| | **/ |
| | function newNode(tagname){ |
| | |
| | var node = document.createElement(tagname); |
| | |
| | for( var i=1;i<arguments.length;i++ ){ |
| | |
| | if(typeof arguments[i] == 'string'){ //Text |
| | node.appendChild( document.createTextNode(arguments[i]) ); |
| | |
| | }else if(typeof arguments[i] == 'object'){ |
| | |
| | if(arguments[i].nodeName){ //If it is a DOM Node |
| | node.appendChild(arguments[i]); |
| | |
| | }else{ //Attributes (hopefully) |
| | for(var j in arguments[i]){ |
| | if(j == 'class'){ //Classname different because... |
| | node.className = arguments[i][j]; |
| | |
| | }else if(j == 'style'){ //Style is special |
| | node.style.cssText = arguments[i][j]; |
| | |
| | }else if(typeof arguments[i][j] == 'function'){ //Basic event handlers |
| | try{ node.addEventListener(j,arguments[i][j],false); //W3C |
| | }catch(e){try{ node.attachEvent('on'+j,arguments[i][j],"Language"); //MSIE |
| | }catch(e){ node['on'+j]=arguments[i][j]; }}; //Legacy |
| | |
| | }else{ |
| | node.setAttribute(j,arguments[i][j]); //Normal attributes |
| | |
| | } |
| | } |
| | } |
| | } |
| | } |
| | |
| | return node; |
| | } |
| | |
| | |
| | |
| | |
| | |
| | |
| | /* |
| | ######### |
| | ### ProjectLinks |
| | ### by [[user:Pathoschild]] (idea from an older, uncredited script) |
| | ### * generates a sidebar list of links to other projects from {{projectlinks}} |
| | ######### |
| | */ |
| | function Projectlinks() { |
| | var elements = new Array(); |
| | var spans = document.getElementsByTagName('span'); |
| | |
| | // filter for projectlinks |
| | for (var i=0, j=0; i<spans.length; i++) { |
| | if (spans[i].className == 'interProject') { |
| | elements[j] = spans[i].getElementsByTagName('a')[0]; |
| | j++; |
| | } |
| | } |
| | |
| | if (j == 0) |
| | return; |
| | |
| | // sort alphabetically |
| | function sortbylabel(a,b) { |
| | // get labels |
| | a = a.innerHTML.replace(/^.*<a[^>]*>(.*)<\/a>.*$/i,'$1'); |
| | b = b.innerHTML.replace(/^.*<a[^>]*>(.*)<\/a>.*$/i,'$1'); |
| | |
| | // return sort order |
| | if (a < b) return -1; |
| | if (a > b) return 1; |
| | return 0; |
| | } |
| | elements.sort(sortbylabel); |
| | |
| | // Create the list of project links |
| | var pllist = newNode('ul'); |
| | for (var i=0; i<elements.length; i++) { |
| | pllist.appendChild(newNode('li', elements[i])); |
| | } |
| | var projectBox = newNode('div', {'class': 'portlet portal', id: 'p-projects'}, |
| | newNode('h5', 'On other wikis'), |
| | newNode('div', {'class': 'pBody body'}, pllist) |
| | ); |
| | |
| | var insert = document.getElementById('p-tb'); |
| | if (!insert) |
| | return; |
| | |
| | if (insert.nextSibling) |
| | insert.parentNode.insertBefore(projectBox, insert.nextSibling); |
| | else |
| | insert.parentNode.appendChild(projectBox); |
| | } |
| | |
| | addOnloadHook(Projectlinks); |