se puede alternar el color de filas?

dgcarla · #1 (**permalink**) 12/11/2006, 16:21

existe alguna forma de alternar entre dos colores de filas mediante css?
o alguna solucion similar que evite hacerlo manulamente fila por fila?
gracias genios!

opeth · #2 (**permalink**) 12/11/2006, 17:00

Manualmente con CSS y con clases de otra manera con Javascript me imagino.

Si es con CSS
como hacerlo:
http://veerle.duoh.com/blog/comments..._styled_table/

el ejemplo:
http://www.duoh.com/csstutorials/csstables/

dgcarla · #3 (**permalink**) 13/11/2006, 01:10

mil gracias, esta es la forma en que lo hago siempre, pero estoy armando en conjunto con un programador y quiere que le consiga una forma "automatica" digamoslo asi, por decir un ejemplo, pares de un color e impares de otro...ya que las tablas que se generan con eteeeeeerrrrrrrrrnas...

JavierB · #4 (**permalink**) 13/11/2006, 01:42

Hola dgcarla

Dime si te sirve este código JavaScript y mando el mensaje para allá:

Código PHP:

  <html>
<head>
<script type="text/javascript">
function ini() {
  var col=false;
  tabla = document.getElementById('eterna');
  for (i=0; ele = tabla.getElementsByTagName('tr')[i]; i++) {
    ele.style.background = (col) ? 'green' : 'blue';
    col = !col;
  }
}
</script>
</head>
<body onload="ini()">
<table id="eterna">
<tr><td>uno</td></tr>
<tr><td>Dos</td></tr>
<tr><td>Tres</td></tr>
<tr><td>Cuatro</td></tr>
</table>
</body>
</html>

Saludos,

caricatos · #5 (**permalink**) 13/11/2006, 01:52

Hola:

Con javascript es tan sencillo como aplicar el script de JavierB (¡Hola

!)... aunque al decir que se generan, pienso que hablas de bases de datos y/o algún lenguaje del servidor, que es también tan fácil, y no depende de que tengan los clientes javascript deshabilitado.

Saludos

dgcarla · #6 (**permalink**) 13/11/2006, 23:18

ahora mismo pruebo el javascript, gracias JavierB!!!
Caricatos, estas en lo cierto, es desde una base de datos, el programdor creo que esta usando asp.net, pero el me pide un html en el que yo como diseñadora, armo toda la estetica de como se vera la aplicacion, y no se porque me pide esto, porque una vez que yo lo vi laburando, note que en aspx hay algo llamdo datagrid o algo asi y desde alli da el formato a la tabla...pero bueno, si me lo pidio asi, por algo sera... creo que lo que me envio javierB es loque buscaba, luego les digo!
mil gracias...!

dgcarla · #7 (**permalink**) 13/11/2006, 23:23

JavierB, sos un genio!
es exactamente lo que buscaba!!!!

excelente y sencillo, justo para mi que no se nada de codigo, solo me le animo...gracias!

JavierB · #8 (**permalink**) 14/11/2006, 01:43

Me alegro de que te haya servido el código.

Muevo el mensaje al foro de JavaScript por si alguien en el futuro necesita algo parecido.

Movido desde Css.

Saludos,

lucianomdq · #9 (**permalink**) 02/07/2009, 14:07

Hola Gente! muy bueno el codigo y funciona a la perfeccion! pero tengo una duda!
Que pasa si yo quisiera aplicarlo a dos tablas en la misma pagina? como puedo hacer para que esto se aplique a las mismas?
Pregunto porque probe de todo pero aparente mente por lo que tengo entendido, el document.getElementById('eterna') solo se puede aplicar a un solo elemento.
Alguna idea?

JavierB · #10 (**permalink**) 02/07/2009, 14:53

El mensaje original es de hace más de 2 años. Por favor, no reviváis temas tan antiguos.

Saludos,