Notice: Undefined index: HTTP_ACCEPT_LANGUAGE in /var/www/html/clases/class.wakaala.php on line 243

Notice: Undefined index: fb_usuario in /var/www/html/inc/cabeza.php on line 37
(Javascript) Como cambiar la direccion del navegador sin refrescar pagina — Wakaala!
  • (Javascript) Como cambiar la direccion del navegador sin refrescar pagina

  • Corea del Sur
    GodLike
  • Es posible que ya muchos nos hayamos percatado, quizá es más de alguna ocasion que existen paginas como: facebook, twitter, gooogle etc.. las cuales pueden cambiar la direccion actual que tiene nuestro navegador sin necesidad de recargar la pagina.

    usualmente facebook utiliza esto cuando hacemos clic sobre una imagen y esta se expone en el lightbox, como programadores sabemos que esto se hace mediante javascript y ajax, pero tambien sabemos que este proceso no cambian en ningun momento la direccion actual del navegador ya que este se ejecuta en la ubicacion actual del usuario.

    Google lo implemento en su buscador, vemos como no tenemos que esperar para obetener resultados como solia ser antes, si no que obtenemos resultados inmediatos y la direccion del navegador cambia sin, valga la redundancia, necesidad de recargar.

    Bien, alguno podria alegar, que esto no tiene sentido, ya que, siempre podemos hacer esto con ajax, y claro, no estaria equivocado ya que, en realidad, desde sierto punto de vista no es tan necesario, pero veamoslo como facebook, estabamos en nuestro Feed y vimos una imagen interesante, dimos clic y el visor de imagenes no cargo bien la foto, actualizamos la pagina y ¡Boom! la imagen ya no aparece en las noticias. Vaya disgusto no?



    Bien, ahora, damos clic sobre una imagen y facebook muestra su visor de imagenes y a la misma vez cambia la direccion actual del navegador por una direccion para ver la imagen en el modo clasico, si esta imagen no se caraga correctamente y actualizamos iremos directamente a la imagen en el modo clasico.



    Sabio no?

    Ejemplo: http://www.flickr.com/photos/aknacer/3007419018/

    podemos dar clic a las flechas de siguiente o atras para ver como no recarga la pagina y la direccion actual cambia.

    ahora bien, el truco detras de esta magia esta en una pequeña pieza de javascript que, segun se, ya funciona en la mayoria de los navegadores actuales

     history.pushState({page: url_a_mostar}, '', url_a_mostar);
    tomen en cuenta que url_a_mostrar contiene la direccion que queremos cambiar en el navegador

    no estaria de mal darle una probada no creen?

    Saludos!
    Te gustó la publicación?, Por qué no compartes las tuyas con la comunidad. Registrate ahora!

    Debes iniciar sesión para poder comentar.

    1 Comentarios

  • © 2017 Wákaala!
  • Términos
  • Privacidad
  • Ayuda