Establecer fondo a la ultima fila de una tabla

PPLPU · #1 (**permalink**) 27/10/2008, 14:13

Hola a todos, tengo una jsp donde muestro los totales de una tabla, y no se como iluminar solo esa fila (ya que es la ultima).
Lo estoy haciendo con displaytags...

Alguien podria ayudarme x favor?
Muchas gracias

.

Panino5001 · #2 (**permalink**) 27/10/2008, 19:35

Algo así

:

Código PHP:

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>ejem</title>

<script>

onload=function(){

    var t=document.getElementById('ttt').getElementsByTagName('tr');

    t[t.length-1].style.backgroundColor='red';

}

</script>

 
</head>

 
<body>

<table id="ttt" width="77" border="1" cellspacing="0" cellpadding="0">

  <tr>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

  </tr>

  <tr>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

  </tr>

  <tr>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

  </tr>

  <tr>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

  </tr>

  <tr>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

  </tr>

  <tr>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

  </tr>

  <tr>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

  </tr>

  <tr>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

  </tr>

  <tr>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

  </tr>

  <tr>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

  </tr>

</table>

</body>

</html>

PPLPU · #3 (**permalink**) 28/10/2008, 09:01

Gracias por contestar.
La funcion que utilizas funciona perfectamente mientras se use solo en una tabla, pero hay un problema cuando usas varias y estas tablas tienen estilos iguales.
Sabes algo al respecto? por que ocurre?

Te explico mejor:

Tengo una tabla que contiene a otras 4. En cada celda tiene una tabla. Entonces tenia una funcion que asignaba el color, pero al parecer le asigna el mismo id a las 4. Hicimos pruebas y tiene que ver con los estilos. Si le ponemos estilos a la celda 1,1 y a la 1,2 se lo asignamos directamente (digamos a la primera con class="tabla1" y a la segunda con style="...") entonces la funcion si le asigna el color al ultimo renglon de la tabla correspondiente, pero cuando asignas estilos de cualquiera de estos 2 tipos a la celda 2,1 o 2,2 a esta que le asignas despues ya no le cambia el color de fondo porque no encuentra el id correcto. Te digo porque le fuimos poniendo alertas en la funcion de javascript hasta que dimos con que el objeto era null. (del id en cuestion)

Si sabes algo de esto por favor no dudes en contestar ok?
Sale, muchas gracias de nuevo.

Panino5001 · #4 (**permalink**) 28/10/2008, 10:14

La idea es orientar acerca del mecanismo como para que luego lo adaptes a tus necesidades. Si como decís, hay varios elementos con el mismo id (cosa que está mal, ya que el id debe ser un identificador único que premita referenciar a un elemento de manera unívoca), deberás buscar otra manera de referenciar que no sea por id.