Foros del Web » Creando para Internet » HTML »

Más de Header Fixed (Cabecera fija)

Estas en el tema de Más de Header Fixed (Cabecera fija) en el foro de HTML en Foros del Web. Hola a todos, ya escribí algún que otro mensaje anteriormente pero sigo con la misma problemática; repito mi caso: tengo un datalist que cargo con ...
  #1 (permalink)  
Antiguo 03/05/2007, 09:17
 
Fecha de Ingreso: marzo-2007
Mensajes: 38
Antigüedad: 10 años, 9 meses
Puntos: 0
Más de Header Fixed (Cabecera fija)

Hola a todos,

ya escribí algún que otro mensaje anteriormente pero sigo con la misma
problemática; repito mi caso:

tengo un datalist que cargo con datos, que genera al fin y al cabo una tabla
html con una cabecera, que quiero se mantenga fija. La tabla puede tener
muchas filas y se requiere que aparezca scroll vertical (pues hay muchas
filas) y horizontal (el número de columnas puede ser también grande). La
cabecera se mantiene fija.

Para el scroll horizontal, la cabecera se desplazará igual que el resto de
filas.

Una cuestión importante es que, si el usuario selecciona una fila, la fila
cambia de color (se hace por javascript, en el evento onclick de la fila se
llama a una función javascript que entre otras cosas cambia el
background-color de la fila).

He visto estas referencias e intentado utilizarlas:

home.tampabay.rr.com/bmerkey/examples/locked-column-csv.html
webdeveloper.com/forum/showthread.php?t=108597

El problema es que cuando el usuario selecciona la fila y el color cambia,
la cabecera desaparece. Además, parece que hay ciertos desajustes.

Alguna orientación con este tema, ya me estoy volviéndo loco...

Gracias de antemano.

El código js para cambiar el color de la fila seleccionada es:




// Selecciona la fila y cambia el hidden del seleccionado
function SeleccionarFila(identificadorTarea, offset)
{
if( (identificadorSeleccionada != null) &&
(document.getElementById(identificadorSeleccionada ) != null) )
{
document.getElementById(identificadorSeleccionada) .className = 'ItemStyle';
if(identificadorTarea == identificadorSeleccionada)
{
identificadorSeleccionada == null;
if(document.getElementById(HiddenSeleccionadoClien tID) != null)
{
document.getElementById(HiddenSeleccionadoClientID ).value = null;
document.getElementById(HiddenSeleccionadoOffsetCl ientID).value = null;

}
return;
}
}
document.getElementById(identificadorTarea).classN ame = 'SelectedItemStyle';
identificadorSeleccionada = identificadorTarea;
if(document.getElementById(HiddenSeleccionadoClien tID) != null)
{
document.getElementById(HiddenSeleccionadoClientID ).value = identificadorTarea;
document.getElementById(HiddenSeleccionadoOffsetCl ientID).value = offset;
}
}
  #2 (permalink)  
Antiguo 04/05/2007, 11:30
Avatar de Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 8.954
Antigüedad: 14 años, 9 meses
Puntos: 1802
Re: Más de Header Fixed (Cabecera fija)

Una propuesta de la w3 al hacer las etiquetas thead, tbody y tfoot es que pase lo que necesitas, que haya cabeceras y pieceras fijas. Es algo que debería implementar el navegador. Por el momento estas etiquetas son un tanto desapercibidas.

Me temo que necesitarás algún JavaScript a la medida de lo que necesitas. Como son elementos separados creo que se necesitará evaluar la posición de algunos de ellos y mandar la información al otro, por lo que a fuerzas va a ser con JavaScript.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 12:36.