http://wiki.spheredev.org/index.php?action=history&feed=atom&title=MediaWiki%3ACommon.js 2026-04-07T19:00:21Z Revision history for this page on the wiki MediaWiki 1.29.0 http://wiki.spheredev.org/index.php?title=MediaWiki:Common.js&diff=466&oldid=prev 2013-05-22T17:01:50Z

<p>collapsible tables from wikipedia</p> <p><b>New page</b></p><div>/* Any JavaScript here will be loaded for all users on every page load. */<br /> <br /> /**<br /> * Collapsible tables *********************************************************<br /> *<br /> * Description: Allows tables to be collapsed, showing only the header. See<br /> * [[Wikipedia:NavFrame]].<br /> * Maintainers: [[User:R. Koot]]<br /> */<br /> <br /> var autoCollapse = 2;<br /> var collapseCaption = 'hide';<br /> var expandCaption = 'show';<br /> <br /> window.collapseTable = function ( tableIndex ) {<br /> var Button = document.getElementById( 'collapseButton' + tableIndex );<br /> var Table = document.getElementById( 'collapsibleTable' + tableIndex );<br /> <br /> if ( !Table || !Button ) {<br /> return false;<br /> }<br /> <br /> var Rows = Table.rows;<br /> var i;<br /> <br /> if ( Button.firstChild.data === collapseCaption ) {<br /> for ( i = 1; i &lt; Rows.length; i++ ) {<br /> Rows[i].style.display = 'none';<br /> }<br /> Button.firstChild.data = expandCaption;<br /> } else {<br /> for ( i = 1; i &lt; Rows.length; i++ ) {<br /> Rows[i].style.display = Rows[0].style.display;<br /> }<br /> Button.firstChild.data = collapseCaption;<br /> }<br /> };<br /> <br /> function createCollapseButtons() {<br /> var tableIndex = 0;<br /> var NavigationBoxes = {};<br /> var Tables = document.getElementsByTagName( 'table' );<br /> var i;<br /> <br /> function handleButtonLink( index, e ) {<br /> window.collapseTable( index );<br /> e.preventDefault();<br /> }<br /> <br /> for ( i = 0; i &lt; Tables.length; i++ ) {<br /> if ( $( Tables[i] ).hasClass( 'collapsible' ) ) {<br /> <br /> /* only add button and increment count if there is a header row to work with */<br /> var HeaderRow = Tables[i].getElementsByTagName( 'tr' )[0];<br /> if ( !HeaderRow ) continue;<br /> var Header = HeaderRow.getElementsByTagName( 'th' )[0];<br /> if ( !Header ) continue;<br /> <br /> NavigationBoxes[ tableIndex ] = Tables[i];<br /> Tables[i].setAttribute( 'id', 'collapsibleTable' + tableIndex );<br /> <br /> var Button = document.createElement( 'span' );<br /> var ButtonLink = document.createElement( 'a' );<br /> var ButtonText = document.createTextNode( collapseCaption );<br /> <br /> Button.className = 'collapseButton'; /* Styles are declared in Common.css */<br /> <br /> ButtonLink.style.color = Header.style.color;<br /> ButtonLink.setAttribute( 'id', 'collapseButton' + tableIndex );<br /> ButtonLink.setAttribute( 'href', '#' );<br /> $( ButtonLink ).on( 'click', $.proxy( handleButtonLink, ButtonLink, tableIndex ) );<br /> ButtonLink.appendChild( ButtonText );<br /> <br /> Button.appendChild( document.createTextNode( '[' ) );<br /> Button.appendChild( ButtonLink );<br /> Button.appendChild( document.createTextNode( ']' ) );<br /> <br /> Header.insertBefore( Button, Header.firstChild );<br /> tableIndex++;<br /> }<br /> }<br /> <br /> for ( i = 0; i &lt; tableIndex; i++ ) {<br /> if ( $( NavigationBoxes[i] ).hasClass( 'collapsed' ) || ( tableIndex &gt;= autoCollapse &amp;&amp; $( NavigationBoxes[i] ).hasClass( 'autocollapse' ) ) ) {<br /> window.collapseTable( i );<br /> } <br /> else if ( $( NavigationBoxes[i] ).hasClass ( 'innercollapse' ) ) {<br /> var element = NavigationBoxes[i];<br /> while ((element = element.parentNode)) {<br /> if ( $( element ).hasClass( 'outercollapse' ) ) {<br /> window.collapseTable ( i );<br /> break;<br /> }<br /> }<br /> }<br /> }<br /> }<br /> <br /> $( createCollapseButtons );</div>

Apollolux