Utilisateur:Koxinga/monobook.js

var nbLignesMax=8;
var NavigationBarHide = 'Enrouler';
var NavigationBarShow = 'Dérouler';
var NavigationBarNotice = "Il y a des éléments cachés : ";
 
for (var i=0;i<aOnloadFunctions.length;++i){
    if(aOnloadFunctions[i]==createNavigationBarToggleButton){ 
        aOnloadFunctions[i]=function rien(){};
    }
}
 
 
// 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.firstChild.data == NavigationBarHide) {
        for (
                var NavChild = NavFrame.firstChild;
                NavChild != null;
                NavChild = NavChild.nextSibling
            ) {
            if (NavChild.className == 'NavPic') {
                NavChild.style.display = 'none';
            }
            if (NavChild.className == 'NavNotice') {
                NavChild.style.display = 'block';
                NavChild.firstChild.nextSibling.firstChild.data = NavigationBarShow;
            }
            if (NavChild.className == 'NavToggle') {
                NavChild.firstChild.firstChild.data = NavigationBarShow;
            }
        }
        for (
                var i=0;
                NavContentHide = document.getElementById("myDiv" + indexNavigationBar+'c'+i);
                i=i+1
            ) {
            NavContentHide.style.display='none';
        }
 
    // if hidden now
    } else if (NavToggle.firstChild.firstChild.data == NavigationBarShow) {
        for (
                var NavChild = NavFrame.firstChild;
                NavChild != null;
                NavChild = NavChild.nextSibling
            ) {
            if (NavChild.className == 'NavPic') {
                NavChild.style.display = 'block';
            }
            if (NavChild.className == 'NavContentHide') {
                NavChild.style.display = '';
            }
            if (NavChild.className == 'NavNotice') {
                NavChild.style.display = 'none';
                NavChild.firstChild.nextSibling.firstChild.data = NavigationBarHide;
            }
            if (NavChild.className == 'NavToggle') {
                NavChild.firstChild.firstChild.data = NavigationBarHide;
            }
        }
        for (
                var i=0;
                NavContentHide = document.getElementById("myDiv" + indexNavigationBar+'c'+i);
                i=i+1
            ) {
            NavContentHide.style.display='block';
        }
    }
}
 
 
// adds show/hide-button to navigation bars
function createNavigationBarToggleButtonPerso()
{
    var indexNavigationBar = 0;
    var maxReached = new Array();
    var numberColumns = 1;
    // iterate over all <div>-elements
    for(
            var i=0; 
            NavFrame = document.getElementsByTagName("div")[i]; 
            i++
        ) {
        // if found a navigation bar
        if (NavFrame.className == "NavFrame") {
 
            Element=NavFrame.getElementsByTagName("div")[1]; //navContent
            maxReached[indexNavigationBar]=false;
            tableElem=Element.getElementsByTagName("table")[0];
            tbodyElem=Element.getElementsByTagName("tbody")[0];
            trElem=tbodyElem.getElementsByTagName("tr")[0];
 
            var numberColumns=0; //Je refais le compte pour n'avoir que les vraies colonnes
            for(
                var k=0;
                colonne = trElem.getElementsByTagName("td")[k]; // For each column
                k++){
 
                    var newDiv= document.createElement("div");  
                    var lignes=0;
	            for(
        	        var m=0;
	                ul=colonne.getElementsByTagName("ul")[m];
        	        m++){
                            numberColumns=numberColumns+1;
                            var newUl = ul.cloneNode(false);
                            newDiv.appendChild(newUl);
                                for(
        	                    var n=0;
	                            li=ul.getElementsByTagName("li")[n];
        	                    n++){
                                    lignes=lignes+1;
                                    if (lignes>nbLignesMax){
                                        ul.removeChild(li);
                                        var newLi = li.cloneNode(true);
                                        newDiv.getElementsByTagName("ul")[m].appendChild(newLi);
                                        n=n-1;
 
                                    }
                                }
			}
                    var divIdName = 'myDiv'+(indexNavigationBar+1)+'c'+(numberColumns-1);
                    newDiv.setAttribute('id',divIdName);
                    newDiv.className="NavContentHide";
                    colonne.appendChild(newDiv);
                if (lignes>nbLignesMax) {
                    maxReached[indexNavigationBar]=true;
                }
 
            }
            var pourcentage = 100/numberColumns;
            for(
                var k=0;
                colonne = trElem.getElementsByTagName("td")[k]; // For each column
                k++){     
                        if (colonne.getElementsByTagName("ul").length>0)
                            {colonne.setAttribute('width',pourcentage+"%");}
                    }
 
 
            indexNavigationBar++;
	    if (maxReached[indexNavigationBar-1]==true){
 
            var NavToggle = document.createElement("div");
            var NavToggleLink = document.createElement("a");
            NavToggle.className = 'NavToggle';
            NavToggle.setAttribute('id', 'NavToggle' + indexNavigationBar);
            NavToggleLink.setAttribute('href', 'javascript:toggleNavigationBar(' + indexNavigationBar + ');');
            NavToggle.appendChild(NavToggleLink);
 
            var NavToggleText = document.createTextNode(NavigationBarHide);
            NavToggleLink.appendChild(NavToggleText);
 
            var NavNotice = document.createElement("div");
            NavNotice.className = 'NavNotice';
            NavNotice.setAttribute('id', 'NavNotice' + indexNavigationBar);
            var NavNoticeText = document.createTextNode(NavigationBarNotice);
            NavNotice.appendChild(NavNoticeText);
            NavNotice.appendChild(NavToggleLink.cloneNode(true));
            NavFrame.appendChild(NavNotice);
 
 
            // add NavToggle-Button as first div-element 
            // in <div class="NavFrame">
            NavFrame.insertBefore(
                NavToggle,
                NavFrame.firstChild
            );
            NavFrame.setAttribute('id', 'NavFrame' + indexNavigationBar);
        	}
	}
    }
 
    for(
            var i=1; 
            i<=indexNavigationBar; 
            i++
    ) {
        if (maxReached[i-1]==true){
            toggleNavigationBar(i);
	}
    }
 
}
 
aOnloadFunctions[aOnloadFunctions.length] = createNavigationBarToggleButtonPerso;