Páginas

4/12/14

Cargar posición del scroll al hacer submit JSF, JavaScript. TIP.

Cargar posición del scroll al hacer submit JSF, JavaScript. TIP.

Cargar posición del scroll al hacer submit JSF. TIP.



Este Tip que les presento a continuación es muy útil de hecho es buena práctica que al crear nuevas páginas tengamos una plantilla con las funciones, tags, configuración básica, etc., que tendrán nuestras páginas, hay un problema que es fácil de solucionar, vamos a plantear el caso: creamos una página con varios formularios o un formulario grande el cual no logramos ver completamente sin utilizar el scroll, resulta que en la pagina hay varias peticiones al servidor para validar campos y cada vez que hacemos submit() se pierde la posición del scroll y la pagina se muestra desde el principio, ahora sabemos que es un poco tedioso ir de nuevo al campo donde se hizo la petición al servidor, para lograr obtener la posición de scroll y que cuando hagamos submit() la pagina permanezca en el mismo lugar y no al principio necesitamos una función en JavaScript sencilla. Bueno aquí les dejo las funciones para obtener la posición del scroll y cargar la posición al hacer submit:

Funciones JavaScript
function cargarScroll(){    
 var posición = window.name || 0;     
 window.scrollTo(0, posición);   
}
function obtenerScroll(){
 window.name = self.pageYOffset || (document.documentElement.scrollTop + document.body.scrollTop);
}
    

Dos funciones simples, ahora solo lo que falta es declararlas en la página de esta manera:

body
<body onload="cargarScroll();" onunload="obtenerScroll();">
    


Ahora bien ya podemos capturar la posición del scroll después de refrescar nuestra página. Un pequeño dato java para que lo uses en tus proyectos, indiferentemente de el framework que uses. Decir gracias es gratis :).

No hay comentarios :

Publicar un comentario