Ayuda:Clases:Bandas

De GuildWiki2.es
Saltar a: navegación, buscar

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


Herramientas personales
Espacios de nombres

Variantes
Acciones
Navegación
Herramientas
Compartir
Publicidad