« Utilisateur:Dodoïste/monobook.js » : différence entre les versions

Dernière version du 30 septembre 2009 à 09:20

/** Collapsible tables *********************************************************
 *
 *  Description: Allows tables to be collapsed, showing only the header. See
 *               [[Wikipedia:NavFrame]].
 *  Maintainers: [[User:R. Koot]]
 *  Changed for better usability by [[User:Cacycle]]
 */
 
 
var autoCollapseTest = 2;
var expandCaptionTest = '<a class="collapseButtonContent"><a class="collapseButtonShow">&nbsp;</a>afficher</a>';
var collapseCaptionTest = '<a class="collapseButtonContent"><a class="collapseButtonHide">&nbsp;</a>masquer</a>';
var expandTitle = 'Afficher le contenu masqué';
var collapseTitle = 'Masquer le contenu';
 
// detect MS-IE < 7
if (window.showModalDialog && window.clipboardData && window.createPopup) {
 
// ignore MS-IE >= 7 in compatibility mode
  var agent = navigator.userAgent.match(/(MSIE)\W+(\d+\.\d+)/i);
  if ( (agent == null) || (parseFloat(agent[2]) < 7) ) {
    expandCaptionTest = '<a class="collapseButtonContent"><a class="collapseButtonShowIE6">&nbsp;</a>afficher</a>';
    collapseCaptionTest = '<a class="collapseButtonContent"><a class="collapseButtonHideIE6">&nbsp;</a>masquer</a>';
  }
}
 
 
collapseTableTest = function( tableIndex )
{
    var Button = document.getElementById( "collapseButton" + tableIndex );
    var Table = document.getElementById( "collapsibleTable" + tableIndex );
 
    if ( !Table || !Button ) return false;
 
    var Rows = Table.rows;
 
    if ( Button.title == collapseTitle ) {
        for ( var i = 1; i < Rows.length; i++ ) {
            Rows[i].style.display = "none";
        }
        Button.innerHTML = expandCaptionTest;
        Button.title = expandTitle;
    } else {
        for ( var i = 1; i < Rows.length; i++ ) {
            Rows[i].style.display = Rows[0].style.display;
        }
        Button.innerHTML = collapseCaptionTest;
        Button.title = collapseTitle;
    }
    window.getSelection().removeAllRanges();
}
 
function createCollapseButtonsTest()
{
    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;
 
// insert space-balancing empty a left of the title
            var a = document.createElement('a');
            a.className = 'collapseButtonBalance';
            Header.insertBefore(a, Header.lastChild);
 
            NavigationBoxes[ tableIndex ] = Tables[i];
            Tables[i].setAttribute( "id", "collapsibleTable" + tableIndex );
 
// Styles are declared in Common.css
            Header.innerHTML += '<a href="#" id="collapseButton' + tableIndex + '" class="collapseButtonTest" onclick="javascript:collapseTableTest(' + tableIndex + '); return false;" title="' + collapseTitle + '">' + collapseCaptionTest + '</a>';
            tableIndex++;
        }
    }
 
    for ( var i = 0;  i < tableIndex; i++ ) {
        if ( hasClass( NavigationBoxes[i], "collapsed" ) || ( tableIndex >= autoCollapseTest && hasClass( NavigationBoxes[i], "autocollapse" ) ) ) {
            collapseTableTest( i );
        }
        else if ( hasClass( NavigationBoxes[i], "innercollapse" ) ) {
            var element = NavigationBoxes[i];
            while (element = element.parentNode) {
                if ( hasClass( element, "outercollapse" ) ) {
                    collapseTableTest ( i );
                    break;
                }
            }
        }
    }
}
 
addOnloadHook(createCollapseButtonsTest);