Ayuda:Clases:Bandas

La clase bandas está creada basándose en la clase sortable para hacer tablas que no sean ordenables pero que tengan la característica de poder aplicar colores alternos de forma automática sin necesidad de especificarlos fila a fila. Está pensada para ser usada con la clase wikitable, aunque nada impide usarla por separado.

La ventaja de usarla viene la hora de incluir filas en medio de tablas grandes ya hechas, no es necesario reaplicar los colores alternos a todas las filas por debajo de la nueva que se incluya. Se detalla a continuación cómo definir y usar esta clase.

Modificaciones a realizar en la wiki

Mediawiki:Common.css

Añadir

/* Colores alternos para las tablas de bandas que tengan id="banda" */

#banda tr.odd {
  background-color: gold;
}
#banda tr.even {
  background-color: goldenrod;
}

Evidentemente los colores odd y even los podremos cambiar por cualquiera que vaya bien con nuestra wiki. La palabra "banda" es sólo una etiqueta, también puede cambiarse, o usar la misma que se haya definido para sortable.

Mediawiki:Common.js

Añadir

/*
 *  bandas: Tablas con filas coloreadas de forma alterna. Basado en la sortable
 */
var tb_colores_filas_alternas = true;
function bandas_init() {
 var idnum = 0;
 // encuentra todas las tablas con class bandas y trasnformarlas en tablas con bandas
 var tables = getElementsByClassName( document, 'table', 'bandas' );
 for ( var ti = 0; ti < tables.length ; ti++ ) {
  if ( !tables[ti].id ) {
   tables[ti].setAttribute( 'id', 'bandas_table_id_' + idnum );
   ++idnum;
  }
  tb_hacerBandas( tables[ti] );
 }
}
function tb_hacerBandas( table ) {
 if ( tb_colores_filas_alternas ) {
  tb_alternar( table );
 }
}
function tb_alternar( table ) {
 // busca el objeto table y recoge todos sus tbodies.
 var tableBodies = table.getElementsByTagName( 'tbody' );
 // para cada tbody
 for ( var i = 0; i < tableBodies.length; i++ ) {
  // Recoge todas las filas del tbody
  var tableRows = tableBodies[i].getElementsByTagName( 'tr' );
  // Para todas las filas
  // empezamos en 1 pq asumimos una cabecera que no tocamos
  for ( var j = 0; j < tableRows.length; j++ ) {
   // Vemos si es par o impar y aplica las clases 
   var oldClasses = tableRows[j].className.split(' ');
   var newClassName = '';
   for ( var k = 0; k < oldClasses.length; k++ ) {
    if ( oldClasses[k] != '' && oldClasses[k] != 'even' && oldClasses[k] != 'odd' ) {
     newClassName += oldClasses[k] + ' ';
    }
   }
   tableRows[j].className = newClassName + ( j % 2 == 0 ? 'even' : 'odd' );
  }
 }
}

addOnloadHook( bandas_init );
/*
 * Fin de bandas
 */

Uso

Se debe incluir en la tabla wiki la definición de clase y el id del colorido

 class="wikitable bandas"  id="banda" 

Ejemplo

Inglés	Español	Campaña
Acolyte of Balthazar	Acólito de Balthazar	Nightfall
Acolyte of Dwayna	Acólito de Dwayna	Nightfall
Acolyte of Grenth	Acólito de Grenth	Nightfall
Acolyte of Lyssa	Acólito de Lyssa	Nightfall
Acolyte of Melandru	Acólito de Melandru	Nightfall
Asterius the Mighty	Asterius el Poderoso	GWEN
Avatar of Destruction (Dervish)	Avatar de Destrucción (Derviche)	GWEN
Behba the Hardheaded	Behba el Cabezota	Nightfall
Bynn Earthporter	Brynn Portatierra	GWEN
Bubahl Icehands	Bubahl Manosdehielo	Nightfall
Captain Denduru	Capitán Denduru	Nightfall
Captain Mhedi	Capitán Mhedi	Nightfall
Chundu the Meek	Chundu el Manso	Nightfall
Corporal Suli	Cabo Suli	Nightfall
Dabineh Deathbringer	Dabineh el Mensajero de la Muerte	Nightfall
Emissary of Dhuum (Dervish)	Emisario de Dhuum (Derviche)	Nightfall
Ensign Jahan	Alférez Jahan	Nightfall
Facet of Spirit	Faceta del espíritu	GWEN
Fahralon the Zealous	Fahralon el Entusiasta	Nightfall
General Kahyet	General Kahyet	Nightfall
Haioss, Blessed Wind	Haioss, Viento Bendito	Nightfall
Hajok Earthguardian	Hajok Guardatierra	Nightfall
Leilon, Tranquil Water	Leilon, Agua Tranquila	Nightfall
Lord Yama the Vengeful	Lord Yama el Vengador	Nightfall
Marobeh Sharptail	Marobeh Colarrápida	Nightfall
Myish, Lady of the Lake	Myish, Señora del Lago	GWEN
Onslaught of Terror	Matanza de terror	Nightfall
Reaper of Destruction	Segador de Destrucción	GWEN
Sehlon, Beautiful Water	Sehlon, Agua Hermosa	Nightfall
Shezel Slowreaper	Shezel Cosechalenta	Nightfall
Taameh the Frigid	Taameh el Frígido	GWEN
Taskmaster Suli	Capataz Suli	Nightfall
The Black Beast of Arrgh	La bestia negra de Arrgh	Nightfall
Vahlen the Silent	Vahlen el Silencioso	Nightfall
Water Lord	Señor del Agua	Nightfall
Zealot Sheoli	Zelote Sheoli	Nightfall
Zealous Amarantha	Entusiasta Amarantha	Nightfall