Ver Mensaje Individual
  #7 (permalink)  
Antiguo 05/03/2010, 05:27
gorani
 
Fecha de Ingreso: febrero-2010
Ubicación: Bizkaia
Mensajes: 22
Antigüedad: 14 años, 2 meses
Puntos: 0
Respuesta: Colorear tablas

Cita:
Iniciado por Fernand0 Ver Mensaje
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>