MediaWiki:CollapsibleTables.js: Unterschied zwischen den Versionen

Version vom 21. August 2010, 12:15 Uhr

//<source lang="javascript">
// Collapsible tables from Meta

var autoCollapse = 1;
var collapseCaption = '▲';
var expandCaption = '▼';

function hasClass(element, className){
   var Classes = element.className.split(" ");
   for (var i = 0; i < Classes.length; i++){
      if (Classes[i] == className){
         return (true);
      }
   }
   return (false);
}

function collapseTable(tableIndex)
{
   var Button = document.getElementById("collapseButton" + tableIndex);
   var Table = document.getElementById("collapsibleTable" + tableIndex);

   if (!Table || !Button){
      return false;
   }

   var Rows = Table.getElementsByTagName("tr"); 

   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")){
         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.setAttribute("id", "collapseButton" + tableIndex);
         ButtonLink.setAttribute("href", "javascript:collapseTable(" + tableIndex + ");");
         ButtonLink.appendChild(ButtonText);

         Button.appendChild(document.createTextNode("["));
         Button.appendChild(ButtonLink);
         Button.appendChild(document.createTextNode("]"));

         var Header = Tables[i].getElementsByTagName("tr")[0].getElementsByTagName("th")[0];
         // only add button and increment count if there is a header row to work with
         if(Header){
            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);

// </source>