Jump to content

MediaWiki:Common.js: Difference between revisions

Jehan (talk | contribs)
No edit summary
Jehan (talk | contribs)
No edit summary
 
(43 intermediate revisions by the same user not shown)
Line 16: Line 16:
window.hideTable = function ( tableIndex ) {
window.hideTable = function ( tableIndex ) {
     var Button = document.getElementById( 'hideButton' + tableIndex );
     var Button = document.getElementById( 'hideButton' + tableIndex );
     var Table = document.getElementById( 'hideableTable' + tableIndex );
     var showTable = document.getElementById( 'hideableTable' + tableIndex );
var Tables = document.getElementsByTagName( 'table' );
     if ( !Table || !Button ) {
var i;
      
if ( !showTable || !Button ) {
         return false;
         return false;
     }
     }
   
   
    var Rows = Table.rows;
/* hide shown tables */
     var i;
     for ( i = 0; i < Tables.length; i++ ) {
        if ( $( Tables[i] ).hasClass( 'hideable' ) ) {
    if ( Button.firstChild.data === hideCaption ) {
Tables[i].style.display = 'none';
        for ( i = 1; i < Rows.length; i++ ) {
Tables[i].className = "wikitable hideable hidden";
            Rows[i].style.display = 'none';
}
        }
}
        Button.firstChild.data = expandCaption;
showTable.style.display = '';
    } else {
showTable.className = "wikitable hideable hidden shown";
        for ( i = 1; i < Rows.length; i++ ) {
 
            Rows[i].style.display = Rows[0].style.display;
        }
        Button.firstChild.data = hideCaption;
    }
};
};


Line 42: Line 40:
     var NavigationBoxes = {};
     var NavigationBoxes = {};
     var Tables = document.getElementsByTagName( 'table' );
     var Tables = document.getElementsByTagName( 'table' );
     var i;
var linkTable = document.getElementById( 'linkTable');
if ( linkTable ) var linkRows = linkTable.getElementsByTagName( 'tr' );
     var i, j;
     function handleButtonLink( index, e ) {
     function handleButtonLink( index, e ) {
         window.hideTable( index );
         window.hideTable( index );
         e.preventDefault();
         e.preventDefault();
     }
     }
     for ( i = 0; i < Tables.length; i++ ) {
     if ( linkRows ) {
        if ( $( Tables[i] ).hasClass( 'hideable' ) ) {
for ( i = 0; i < linkRows.length; i++ ) {
var linkRow = linkRows[i];
            /* only add button and increment count if there is a header row to work with */
if ( !linkRow ) continue;
            var HeaderRow = Tables[i].getElementsByTagName( 'tr' )[0];
var linkCells = linkRow.getElementsByTagName( 'th' );
            if ( !HeaderRow ) continue;
if ( !linkCells ) continue;
            var Header = HeaderRow.getElementsByTagName( 'th' )[0];
for ( j = 0; j < linkCells.length; j++ ) {
            if ( !Header ) continue;
var linkCell = linkCells[j];
if ( !linkCell ) continue;
            NavigationBoxes[ tableIndex ] = Tables[i];
if ( $( linkCell ).hasClass( 'hideImage' ) )            /* add id attribute */
            Tables[i].setAttribute( 'id', 'hideableTable' + tableIndex );
linkCell.setAttribute( 'id', 'hideImage' + tableIndex++ );
}
            var Button    = document.createElement( 'span' );
}
            var ButtonLink = document.createElement( 'a' );
            var ButtonText = document.createTextNode( hideCaption );
tableIndex = 0;
j=0;
            Button.className = 'hideButton';  /* Styles are declared in Common.css */
for ( i = 0; i < Tables.length; i++ ) {
if ( $( Tables[i] ).hasClass( 'hideable' ) ) {
            ButtonLink.style.color = Header.style.color;
            ButtonLink.setAttribute( 'id', 'hideButton' + tableIndex );
/* only add button and increment count if there is a header row to work with */
            ButtonLink.setAttribute( 'href', '#' );
var HeaderRow = Tables[i].getElementsByTagName( 'tr' )[0];
            $( ButtonLink ).on( 'click', $.proxy( handleButtonLink, ButtonLink, tableIndex ) );
if ( !HeaderRow ) continue;
            ButtonLink.appendChild( ButtonText );
var Header = HeaderRow.getElementsByTagName( 'th' )[0];
var linkImage = document.getElementById( 'hideImage' + j++ );;
            Button.appendChild( document.createTextNode( '[' ) );
if ( !Header ) continue;
            Button.appendChild( ButtonLink );
            Button.appendChild( document.createTextNode( ']' ) );
NavigationBoxes[ tableIndex ] = Tables[i];
Tables[i].setAttribute( 'id', 'hideableTable' + tableIndex );
            Header.insertBefore( Button, Header.firstChild );
            tableIndex++;
if ( 0 ) {
        }
                                    $( linkImage ).on( 'click', $.proxy( handlelinkImage, linkImage , tableIndex ) );
    }
                                }
if ( 1 ) {
    for ( i = 0;  i < tableIndex; i++ ) {
                                    var Button    = document.createElement( 'span' );
        if ( $( NavigationBoxes[i] ).hasClass( 'hidden' ) || ( tableIndex >= autoHide && $( NavigationBoxes[i] ).hasClass( 'autohide' ) ) ) {
    var ButtonLink = document.createElement( 'a' );
            window.hideTable( i );
    var ButtonText = document.createTextNode( expandCaption );
        }  
        else if ( $( NavigationBoxes[i] ).hasClass ( 'innerhide' ) ) {
    Button.className = 'hideButton';  /* Styles are declared in Common.css */
            var element = NavigationBoxes[i];
            while ((element = element.parentNode)) {
    ButtonLink.style.color = Header.style.color;
                if ( $( element ).hasClass( 'outerhide' ) ) {
    ButtonLink.setAttribute( 'id', 'hideButton' + tableIndex );
                    window.hideTable ( i );
    ButtonLink.setAttribute( 'href', '#' );
                    break;
    $( ButtonLink ).on( 'click', $.proxy( handleButtonLink, ButtonLink, tableIndex ) );
                }
    ButtonLink.appendChild( ButtonText );
            }
        }
    Button.appendChild( document.createTextNode( '[' ) );
    }
    Button.appendChild( ButtonLink );
    Button.appendChild( document.createTextNode( ']' ) );
    Header.insertBefore( Button, Header.firstChild );
    if ( linkImage ) linkImage.appendChild( Button );
    if ( 0 ) linkImage.insertBefore( Button, linkImage.firstChild );
                                }
tableIndex++;
}
}
 
window.hideTable( 0 );
}
}
}
   
   
Line 169: Line 181:
             ButtonLink.setAttribute( 'href', '#' );
             ButtonLink.setAttribute( 'href', '#' );
             $( ButtonLink ).on( 'click', $.proxy( handleButtonLink, ButtonLink, tableIndex ) );
             $( ButtonLink ).on( 'click', $.proxy( handleButtonLink, ButtonLink, tableIndex ) );
            ButtonLink.appendChild( ButtonText );
 
    ButtonLink.appendChild( ButtonText );
   
   
             Button.appendChild( document.createTextNode( '[' ) );
             Button.appendChild( document.createTextNode( '[' ) );
Line 175: Line 188:
             Button.appendChild( document.createTextNode( ']' ) );
             Button.appendChild( document.createTextNode( ']' ) );
   
   
             Header.insertBefore( Button, Header.firstChild );
             Header.insertBefore( Button, Header.lastChild );
             tableIndex++;
             tableIndex++;
         }
         }