Portegag2’s Weblog

Just another WordPress.com weblog

Posts Tagged ‘javascript’

Recorrer todos los check de una tabla

Posted by portegag2 on December 10, 2008

La intención es activar/desactivar todos los check de una tabla, con JAVASCRIPT.

En nuestro caso tenemos dos columnas, aceptadas y facturadas y se han de seleccionar todas las check de la columna correspondiente.

Las check se han llamado: aceptada-[id corres] y facturada-[id corres]. Estos nombres son importantes para buscar los elementos en el script.

Insertamos la biblioteca de mootools.

Al final del código php metemos el script:

<script>
var aceptadas = $A($$(“input[name^='aceptada-']“));
var facturadas = $A($$(“input[name^='facturada-']“));

$(“aceptadas”).addEvent(“click”,function(event){
event = new Event(event);
if(this.checked){
aceptadas.each(function(el){
el.checked = true;
});
}
else{
aceptadas.each(function(el){
el.checked = false;
});
}
});

$(“facturadas”).addEvent(“click”,function(event){
event = new Event(event);
if(this.checked){
facturadas.each(function(el){
el.checked = true;
});
}
else{
facturadas.each(function(el){
el.checked = false;
});
}
});

</script>

Posted in hermes | Tagged: , , , | Leave a Comment »

Ordenar tablas

Posted by portegag2 on July 28, 2008

Para ordenar las tablas lo hacemos con js, con esta rutina: http://www.kryogenix.org/code/browser/sorttable/

En esa dirección indica muy bien las opciones diversas; columnas no ordenables o columnas con ordenación especial (en el caso de fechas, horas parece que lo hace bien sin hacer nada en especial).

El código CSS se incluye en general.

El js, lo metemos en cada archivo que haga falta para evitar problemas con otros script.

Además hay que definir las tablas de la siguiente manera:<table><thead><th>cab</th><tbody>cuerto</tbody><tfoot></tfoot></table>

Realizados:

  • Informes-Actividades-Calendario Horas. (inc_tabla_calendario_horas.php)
  • Parte Actividades: (panel_actividades/horas_semana.php)
  • Parte Actividades: (panel_actividades/horas_dia.php)
  • (pnl_ctrl/panel_listado_usuarios.php)
  • Parte Actividades: (panel_actividades/listado_actividades_genericas.php)
  • Parte Actividades: (panel_actividades/lista_actividades.php)
  • (pnl_ctrl/panel_actividades_genericas.php)

Posted in hermes | Tagged: , , , | Leave a Comment »