El Comercio Digital

Webmaster Libre

Subtitulo del blog

El botón atrás del navegador y los marcadores en AJAX

Sin duda uno de los mayores inconvenientes del uso de AJAX en una aplicación web o sitio dinámico es la inutilización del botón atrás del navegador y la imposibilidad de seleccionar y agregar a favoritos secciones o vistas de la página.

En los sitios web tradicionales, al ir pulsando sobre los enlaces vamos abriendo páginas nuevas que se verán reflejadas en la barra de navegación. Si el usuario desea volver sobre sus pasos simplemente ha de ir pulsando el botón atrás de su navegador hasta regresar al lugar de donde vino. Además, si lo desea, el usuario puede guardar la dirección de determinada sección o vista para acceder a ella directamente o para compartirla con otros usuarios.

Los sitios web creados con tecnología AJAX no generan nuevas páginas al ir abriendo secciones si no que todo se carga dentro del mismo documento. Los navegadores no están acostumbrados a este comportamiento y si un usuario aprieta el botón atrás pensando volver al lugar donde estaba inmediatamente antes, puede llevarse una desagradable sorpresa al verse en el principio del sitio o, incluso, fuera de él. Ni que decir tiene que al ocurrir todo dentro de la misma página no se actualiza la url y por tanto es imposible seleccionar secciones concretas para favoritos.

Existen numerosas técnicas para corregir este comportamiento y permitir a los usuarios utilizar los botones de atrás y adelante de su navegador, así como acceder directamente a partes del sitio. No obstante la mayoría presenta fallos y, además, suelen estar integradas en librerías más extensas (por ejemplo, Dojo) obligándonos a adaptarnos a la librería seleccionada y a cargar scripts con un peso considerable.

Debido a estos fallos e inconvenientes de las soluciones preexistentes Brad Neuberg decidió crear Really Simple History: Un completo script que puede añadirse a cualquier aplicacion AJAX. RSH soluciona los fallos más comunes y funciona correctamente en Internet Explorer, Mozilla Firefox y Opera. Safari no está soportado por ningún script de este tipo ya que su forma de manejar la historia y los marcadores es totalmente diferente.

Si Really Simple History os parece demasiado pesado o si estáis utilizando Prototype/Script.aculo.us seguramente os interesará echarle un vistazo al script creado por Kevin Hoang, mucho más ligero (poco más 100 líneas de código) aunque seguramente con menos opciones.

Otras entradas

Esta entrada fue publicada por Alma Fernández el Martes, 12 de Septiembre de 2006 y está archivada en: Javascript, Librerias, Usabilidad y Accesibilidad. Puedes dejar un comentario, o enviar un trackback desde tu sitio.

Comentar:

Algunas etiquetas HTML permitidas:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Webmaster Libre es un blog de Alma Fernández y está publicado bajo licencia Creative Commons desde el año 2006

Agradecimientos especiales a WordPress y FamFamFam

Política de Privacidad | Condiciones de uso | Sitemap (XML)