Difference between revisions of "MediaWiki:Common.js"
Jump to navigation
Jump to search
(Blanked the page) |
|||
(2 intermediate revisions by one other user not shown) | |||
Line 1: | Line 1: | ||
− | /** Collapsible tables ********************************************************* |
||
− | * |
||
− | * From English Wikipedia, 2008-09-15 |
||
− | * @deprecated: Do not use this in new constructions, use class="mw-collapsible" instead |
||
− | * |
||
− | * 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 ); |