Foros del Web » Programando para Internet » Javascript »

Poner el scroll vertical de una tabla en posicion inferior

Estas en el tema de Poner el scroll vertical de una tabla en posicion inferior en el foro de Javascript en Foros del Web. Hola que tal muchachos de foros del web, Tengo una tabla en php en la cual agrego filas dinamicamente mediante xajax, ahora cuando paso de ...
  #1 (permalink)  
Antiguo 31/08/2011, 17:57
 
Fecha de Ingreso: febrero-2007
Mensajes: 37
Antigüedad: 17 años, 9 meses
Puntos: 1
Poner el scroll vertical de una tabla en posicion inferior

Hola que tal muchachos de foros del web,

Tengo una tabla en php en la cual agrego filas dinamicamente mediante xajax, ahora cuando paso de un determinado numero de filas aparece un scroll vertical el cual siempre esta en la parte superior de la tabla, lo q quisiera es q el scroll permanesca en la parte inferior cada ves q agrego una nueva fila.

Me gustaria que me puedan ayudar con este dilema, GRACIAS
  #2 (permalink)  
Antiguo 31/08/2011, 18:05
Colaborador
 
Fecha de Ingreso: mayo-2008
Ubicación: $MX['VZ']['Xalapa']
Mensajes: 3.005
Antigüedad: 16 años, 6 meses
Puntos: 528
Respuesta: Poner el scroll vertical de una tabla en posicion inferior

1. No es tema de php o JS, si no de CSS o bien HTML.
2. ¿cómo que la parte inferior? las barras de scroll vertical se colocan a la derecha....

Última edición por ocp001a; 31/08/2011 a las 18:18
  #3 (permalink)  
Antiguo 31/08/2011, 18:29
 
Fecha de Ingreso: febrero-2007
Mensajes: 37
Antigüedad: 17 años, 9 meses
Puntos: 1
Respuesta: Poner el scroll vertical de una tabla en posicion inferior

aja el asunto es que que el scroll vertical que esta a la derecha vaya bajando o se mantenga abajo cada vez que se agrege una nueva fila cosa que la fila agregada se pueda visualizar con facilidad
  #4 (permalink)  
Antiguo 31/08/2011, 18:38
Colaborador
 
Fecha de Ingreso: mayo-2008
Ubicación: $MX['VZ']['Xalapa']
Mensajes: 3.005
Antigüedad: 16 años, 6 meses
Puntos: 528
Respuesta: Poner el scroll vertical de una tabla en posicion inferior

Ok, ya entendí, sería algo como esto:

Código Javascript:
Ver original
  1. window.scrollTo(0, document.body.scrollHeight);

o si la tabla está en un div:

Código Javascript:
Ver original
  1. var objDiv = document.getElementById(“divExample”);
  2. objDiv.scrollTop = objDiv.scrollHeight;
  #5 (permalink)  
Antiguo 31/08/2011, 18:52
 
Fecha de Ingreso: julio-2011
Ubicación: Zapopan, Jal. MX
Mensajes: 316
Antigüedad: 13 años, 4 meses
Puntos: 32
Respuesta: Poner el scroll vertical de una tabla en posicion inferior

Que tal, nadamas que sí tu quieres acceder al scroll de un elemento dentro del body, en éste caso es una tabla, sería por ejemplo:

Código Javascript:
Ver original
  1. var table = document.getElementsByTagName("table")[0];
  2. table.scrollTop = table.scrollHeight;

Saludos.

Edito:
La forma correcta de acceder al scroll del documento (según xhtml), no es ni window.scrollTop/Left, ni document.body.scrollTop/Left, si no que es: document.documentElement.scrollTop/Left.

Etiquetas: php, posicion, scroll, tabla, vertical
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 05:29.