Utilisateur:Dr Brains/BoiteDeroulante.js

Note : après avoir enregistré la page, vous devrez forcer le rechargement complet du cache de votre navigateur pour voir les changements.

Mozilla / Firefox / Konqueror / Safari : maintenez la touche Majuscule (Shift) en cliquant sur le bouton Actualiser (Reload) ou pressez Maj-Ctrl-R (Cmd-R sur Apple Mac) ;

Chrome / Internet Explorer / Opera : maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl-F5.

/*
== Pour [[Modèle:Méta palette de navigation]] ==
*/
//<source lang=javascript>
 
 
var Palette_Enrouler = '[Enrouler]';
var Palette_Derouler  = '[Dérouler]';
 
var Palette_max = 1; 
var Palette_index = -1;
 
function Palette(Element){
  if(!Element) Element = document;
  var TableIndex = 0;
  var TableIndexes = new Array();
  var Tables = Element.getElementsByTagName( "table" ); 
  for ( var i = 0; i < Tables.length; i++ ) {
    if ( $( Tables[i] ).hasClass( "collapsible_BIS" ) ) {
      var Table = Tables[i];
      var Header = Table.getElementsByTagName( "tr" )[0].getElementsByTagName( "th" )[0];
      /* only add button and increment count if there is a header row to work with */
      if (Header) {
        TableIndex++
        Palette_index++;
        TableIndexes[Palette_index] = Table;
        Table.setAttribute( "id", "collapsibleTable" + Palette_index );
 
        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.setAttribute( "id", "collapseButton" + Palette_index );
        ButtonLink.setAttribute( "href", "javascript:Palette_toggle(" + Palette_index + ");" );
        ButtonLink.appendChild( ButtonText ); 
        Button.appendChild( ButtonLink ); 
        Header.insertBefore( Button, Header.childNodes[0] );
       
      }
    }
  } 
  for(var index in TableIndexes){
    var Table = TableIndexes[index];
    if($(Table).hasClass("collapsed")||(TableIndex>Palette_max && $(Table).hasClass("autocollapse")))
    Palette_toggle(index); 
  }
}

function Palette_toggle(indexPalette){
  var Button = document.getElementById( "collapseButton" + indexPalette );
  var Table = document.getElementById( "collapsibleTable" + indexPalette );
  if ( !Table || !Button ) return false; 
  var FirstRow = Table.getElementsByTagName("tr")[0];
  var RowDisplay; 
  if ( Button.firstChild.data == collapseCaption ) {
    RowDisplay = "none"
    Button.firstChild.data = expandCaption;
  }else{
    RowDisplay = FirstRow.style.display;
    Button.firstChild.data = collapseCaption;
  } 
  var Row = FirstRow.nextSibling;
  while(Row){
    if(Row.tagName && Row.tagName.toLowerCase() === "tr"){
      Row.style.display = RowDisplay;
    }
    Row = Row.nextSibling;
  }
}




addOnloadHook(Palette);
// </source>