Ver Mensaje Individual
  #4 (permalink)  
Antiguo 20/06/2011, 00:24
Avatar de cristian_cena
cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 15 años, 5 meses
Puntos: 269
Respuesta: capa div con css background

hola, roboty. En nada va a influir que uses o no la capa div que nombras, así que usala tranquilo o eliminala, da igual. ya que el script trabaja sobre el id que le das a la tabla. A mi me gusta mucho esta forma de hacerlo porque no ensuciamos el html.

Lo que hace el script es añadir o quitar clases según el evento que se produzca sea "mouseover" o "mouseout", nada más das los backgrounds que quieras a esas clases (en el ejemplo .grey y .blue). Reemplaza #zebra por el id que le des a tu tabla y no te olvides de linkear jquery al documento. y listo.

Al codigo lo tomé de aca: http://www.simcomedia.com/css-and-jquery-zebra-stripes

Si jquery te resulta complicado y te sientes mejor con php puedes generarle clases a las filas de la tabla cuando haces el listado/consulta de registros (while, foreach,etc.). A todos los registros pares le das una clase llamada "par" y a los impares otra llamada "impar"

Acá un usuario comparte una función para hacerte con los numeros pares: http://www.forosdelweb.com/f18/funci...09/#post280460

y luego con css
Código CSS:
Ver original
  1. .par{background: ... ;}
  2. .impar{background: ... ;}

saludos.