Colorear tablas

[gorani]

Tengo un problema que me gustaría resolver, solicito ayuda de los entendidos del foro.
En el blog suelo poner bastantes tablas, ya que es sobre una liguilla de fútbol, tipo cebra, antes lo hacía mediante clases y css y he encontrado estas funciones que me pintan las filas pares de un color e impares de otro.
Funciona perfectamente pero me gustaría pasarle a la función si va a comenzar por par o impar, algo como esto dentro del post al finalizar table, como lo hago ahora....

ColorFilas ('par'); o ColorFilas('impar');

Estas son las funciones..........


function ColorFilas () {
var tables = document.getElementsByTagName("table");
for (var i = 0; i < tables.length; i++) {
if (tables[i].className.match(/Cebra/)) {
TablaColor(tables[i]);}
}
}
function TablaColor (table) {
var current = "impar"; <---------------------- aquí lo cambiaría
var trs = table.getElementsByTagName("tr");
for (var i = 0; i < trs.length; i++) {
trs[i].className += " " + current;
current = current == "par" ? "impar" : "par";
}
}

Otra función que tengo es la siguiente, se encarga de poner color rojo a los números negativos que comienzan por -


function Negativo() {
TDs = document.getElementsByTagName('td');
for (var i=0; i<TDs.length; i++) {
var temp = TDs[i];
if (temp.firstChild.nodeValue.indexOf('-') == 0) temp.className = "negative";
}
}

Funciona perfectamente si el post está activo, si por ejemplo actualizo la pantalla y el post no es el primero no funciona.
La llamada a las funciones es la siguiente al finalizar table

<script language="JavaScript" type="text/javascript">
ColorFilas();
Negativo();
</script>

No se que estoy haciendo mal, si me ayudais os lo agradezco, gracias.

[Fernand0]

Nu entendi, a ver si esto es lo que queres..

Código Javascript:

function TablaColor (table, current) {
    if(current==null)
        var current = "impar";
    var trs = table.getElementsByTagName("tr");
    for (var i = 0; i < trs.length; i++) {
        trs[i].className += " " + current;
        current = current == "par" ? "impar" : "par";
    }
}
 

ejecutas

Código Javascript:

TablaColor(table, "par");
 

se iniciaria por "par"..

si no especificas el 2do campo, o sea.. si ejecutas lo siguiente

Código Javascript:

TablaColor(table);
 

automaticamente se iniciaria por "impar"

espero que sea lo que pedias

saludos

[gorani]

Iniciado por Fernand0

Nu entendi, a ver si esto es lo que queres..

Código Javascript:

function TablaColor (table, current) {
    if(current==null)
        var current = "impar";
    var trs = table.getElementsByTagName("tr");
    for (var i = 0; i < trs.length; i++) {
        trs[i].className += " " + current;
        current = current == "par" ? "impar" : "par";
    }
}
 

ejecutas

Código Javascript:

TablaColor(table, "par");
 

se iniciaria por "par"..

si no especificas el 2do campo, o sea.. si ejecutas lo siguiente

Código Javascript:

TablaColor(table);
 

automaticamente se iniciaria por "impar"

espero que sea lo que pedias

saludos

Gracias por interesarte Fernand() pero esto no es lo que quiero.
De hecho fue en lo primero que pensé, pero la llamada para pintar la tabla se realiza desde la otra función function ColorFilas () y esta a su vez llama a TablaColor().
Lo que quiero es poder pasar el parámetro a la función que pinta la tabla y que esta a su vez se lo pase a TablaColor() como tu has hecho, quizás no me he explicado correctamente, gracias.

[Fernand0]

Ahm.. es lo mismo..

Código Javascript:

function ColorFilas (current) {
    var tables = document.getElementsByTagName("table");
    for (var i = 0; i < tables.length; i++) {
        if (tables[i].className.match(/Cebra/))
            TablaColor(tables[i], current);
    }
}
 

Código Javascript:

function TablaColor (table, current) {
    if(current==null)
        current="impar";
    var trs = table.getElementsByTagName("tr");
    for (var i = 0; i < trs.length; i++) {
        trs[i].className += " " + current;
        current = current == "par" ? "impar" : "par";
    }
}
 

Código Javascript:

ColorFilas("par");
 

[gorani]

He intentado hacerlo funcionar con estas funciones y no rula, de hecho creo que hay un error en
if (tables[i].className.match(/Cebra/)) {
TablaColor(tables[i]);}, lo he corregido y sigue sin funcionar, lo he probado con ColorFilas("par"), ColorFilas('par'), ColorFilas() y la tabla se queda en blanco.
Pienso que quizás sea que al inicializar la variable current en las dos funciones en algún momento pierde el valor, no se que puede pasar, de todas formas te agradezco todas las molestias.

[Fernand0]

a ver si ahi anda, checkea mi post anterior que lo cambie al codigo

saludos

[gorani]

Iniciado por Fernand0

a ver si ahi anda, checkea mi post anterior que lo cambie al codigo

saludos

Muchas gracias Fernand0 por las funciones, pero no trabajan adecuadamente.
Creo que llega un momento que la función no identifica correctamente la clase y se hace la picha un lio, funciona bien si la tabla es única, pero yo coloco tablas cada semana con los resultados en distintos post de blogger y los resultados son inprevisibles, igual te pinta una bien y la otra en gris todas las filas.

Buscando he encontrado una función, la cual he modificado y me funciona de maravilla, el problema es que a cada tabla le tengo que poner un id diferente y es un coñazo.
Quisiera saber si hay algún metodo para pasarle una clase genérica y no un id único, he leido que en javascript no existe la función getElementsByClass aunque es fácil encontrarla, por otra parte se comenta que no trabaja bien con explorer.
Quizás no quede otro remedio que pasarle un id único, porque ahora mismo trabaja de cine, tanto si la tabla está en el post principal o actualizas la página, cosa que antes daba problemas, por si interesa a alguién la función y se puede mejorar la pongo aquí................... también he conseguido que me pinte las celdas negativas de rojo, un saludo y mirar a ver si me podeís ayudar...

FUNCIÓN

function ColorFilas(id,tipo) {
if (document.getElementsByTagName) {
var tablas = document.getElementById(id);
var filas = tablas.getElementsByTagName("tr");
var celdas = tablas.getElementsByTagName ("td");
for(i = 0; i < filas.length; i++) {
if (i % 2 == 0) {
filas[i].className = tipo == "par" ? "impar" : "par";}
else {
filas[i].className = tipo == "par" ? "par" : "impar";}}
for (j = 0; j < celdas.length; j++) {
var temp = celdas[j];
if (temp.firstChild.nodeValue.indexOf('-') == 0) temp.className = "negative";}
}
}

Las clases serían

tr.par{}
tr.impar{}
td.negative{}

y la llamada a la función dentro del post, depués de </table>

<script type="text/javascript">ColorFilas("ID único","par o impar")</script>