aNieto2K Desarrollo web, Wordpress, y alguna cosilla más

• nkm

  @2 agosto 14th, 2007 at 5:34 pm

  Una cosa, si los dos tipos de filas comparten el mismo padding, el definirlo dos veces es un poco redundante, ¿no crees?

  Yo para las filas alternantes uso las clases «pim» y «pam» :P, se que no es muy «semántico», pero no se, hace el código más divertido… =)

  Responder
• aNieto2k

  @3 agosto 14th, 2007 at 5:36 pm

  Buenas nkm, no lo hace redundante por que estas CSS se aplican una a cada fila, nunca las dos a la vez 😀

  Otra solución sería algo asi.

  
  .odd, .even {padding:3px;}
  .odd { background:#ccc; }
  .even{ background:#eee; }
  
  

  Saludos 😀

  Responder
• Daniel Niquet

  @4 agosto 14th, 2007 at 6:33 pm

  Está muy buena… sólo le haría un ajuste para ocupar tan sólo una línea, y es que la función «each» de un arreglo de elementos, aparte del parametro «el» que utilizas, puede llevar un segundo opcional que sería el «index», el cual es un contador del recorrido, permitiendo hacer lo siguiente:

  $$(‘table.shade-table tr’).each(function(el,count) {el.addClass(count % 2 == 0 ? ‘odd’ : ‘even’);});

  Responder
• IceBeat

  @5 agosto 14th, 2007 at 8:11 pm

  Yepa! Daniel Niquet me ha quitado el comentario jejee.

  Responder
• Mario

  @6 agosto 16th, 2007 at 12:54 am

  pregunta: Para qué es el signo de $$ (doble pesos) en js ??

  Responder
• Daniel Niquet

  @7 agosto 16th, 2007 at 1:04 am

  Andrés, era count % 2 y no count++ % 2, ya que la función lo incrementa automáticamente…. 😀

  Responder
• aNieto2k

  @8 agosto 16th, 2007 at 7:15 am

  Mario, $$() se usa para obtener uno, o varios elementos sobre una expresión mediante selectores CSS.

  Con este ejemplo obtenemos todos los <tr /> de la tabla con clase shade-table.

  Responder
• Mario

  @9 agosto 16th, 2007 at 8:57 pm

  bien… entendido… gracias

  Responder
• hector

  @10 agosto 31st, 2007 at 4:23 pm

  De hecho en el CSS yo me quedaba con la opción de 3 líneas, si quieres cambiar el padding, es mejor hacerlo en una línea que en dos…

  Responder

Comentar

↑

#