Estandarizar AJAX 2

Agregar a favoritos

19 Comentarios

Posteado hace 1021 días en:

Investigando un poco y gracias a los comentarios en la anotación anterior he creado un sistema de permanlinks en AJAX.Consiste en utilizar anclas falsas para que se añadan a la url y luego al cargar la pagina sea analizada y llame al método que requiera.
De paso he creado un el atributo ajax en los enlaces que se encargara de crear las anclas y los onclicks necesarios, de esta forma mantenemos los href originales en caso de no tener el javascript activado.

Puedes ver una demo y un enlace permanente en acción.

Update: Más de lo mismo pero esta vez implementado el back button ;P.


  • avatar

    Spyn_ET#1 hace 1021 días

    Joder tio!!! Te ha quedao perfecto!! Si no te importa voy a mirar de implementarlo en mi web ;).

    Un saludo.

  • avatar

    Mr.Ale#2 hace 1021 días

    Hace unos dias me pico el bichito de ajax, e visto varios ejemplos, pero este es unos de los mas practicos ke e visto, lo unico ke yo keria era la tipica carga de los enlaces. Muy bueno, se agradece, es tan practico como este formulario:
    http://alexsancho.name/archives/2005/11/formulario-de-contacto-20/

  • avatar

    Diego#3 hace 1021 días

    Realmente está muy buena la idea, te felicito, creo que va a ayudar mucho a los usuarios adictos al back button :).

    Ahora el problema que note es que cuando no hay JavaScript no hay forma de seguir el enlace, motivo #1 por el que aun no uso nada con Ajax…

  • Joé, es increíble. Una cosa es pensarlo, y otra distinta es ponerlo en acción, de una forma tan… genial.

    Solo veo un problema, que el atributo ajax no valida :/

  • avatar

    Federico#5 hace 1021 días

    Pero al escribir en la barra de direcciones, por ejemplo, http://icebeat.bitacoras.com/ajax/#ajax:autor debería activarse esa sección, cosa que no logré que ocurriera. No al menos en Firefox 1.0.4 ni Opera 9.

  • avatar

    Icebeat#6 hace 1021 días

    Diego no se puede tener todo en esta vida jeje, todo tiene sus limitaciones.

    El atributo es normal que no valide, cosas del experimento jeje.

    El script solo funciona cuando se carga la pagina, por eso el motivo de windod.onload. Es dificil intentar solucionar todos los problemas pero al menos propones algunas.

  • avatar

    Cay#7 hace 1021 días

    Esto es Flash todo denuevo :P
    Muy buen trabajo!, pero (porfa no te ofendas :P, simplemente te informo) este tipo de scripts se usan (y se han usado desde hace ya un par de años) para hacer permalinks en Flash, un ejemplo:
    http://www.lucasarts.com/ep3/indexFlash.html
    Si implementas el back-button, te quedaria de lujo ;)
    Saludos…

  • avatar

    show#8 hace 1021 días

    Eres un fenomeno ;)

  • avatar

    Spyn_ET#9 hace 1021 días

    Cay, el ajax no es nada nuevo, lo q pasa es q tuvo q venir Google y hacer uso de el….

  • avatar

    Icebeat#10 hace 1021 días

    Cay gracias por la información, para nada me ofendo, este es un blog de experimentos y solo he creado una alternativa facil de implementar.Desconocia esa tecnica pero ahora ya la se ;P.

    Es el mismo concepto pero enfocado de otra forma.

  • avatar

    sosa#11 hace 1020 días

    Muy bueno, voy a tratar de meterlo a un proyectillo… y el CSSSing pa cuando? ¿Necesitas alfatesters eh eh?

  • avatar

    ... hmmm ...#12 hace 1020 días

    juer.. acabo de descubrir tu blog!
    el diseño es una pasada !
    realmente increible !

    como mola los comentarios así ! que se despliegan !

  • avatar

    Jordi Rivero#13 hace 1018 días

    Que bueno Daniel! acabas de escribir tu nombre en la historia como el destructor de dos grandes problemas de accesibilidad de las páginas en ajax… el history back y el bookmark links :)

    Felicidades y gracias! ;)

  • avatar

    GNU/Hydrus#14 hace 1018 días

    Dani, tengo un scriptcillo que me parece que te va a gustar :)
    Extendiendo la implementación de ajax que hice… Ahora hace todo lo que te comenté para los permalinks: href="url sin ajax" ajax="url#ancla"
    Al cargar el documento javascript arregla todos los onclick para activar ajax y, además, cambia el href para ir al ancla una vez cargado el contenido.
    Ahora tengo pendiente hacerlo con … :)

    Un saludo!

  • avatar

    Icebeat#15 hace 1018 días

    Sosa CSSing esta a punto de caramelo pero apenas tengo tiempo con los estudios y el trabajo.

    Hmmm gracias se hace lo que se puede ;P.

    Jordi aunque el metodo ya existia para flash (lo desconocia) es mas o menos intentar implementarlo de la forma mas sencilla posible.

    GNU/hydrus este script tambien hace lo mismo, cuando me lo dijistes lo mejore jeje.

    Un saludo.

  • avatar

    Vixx#16 hace 1017 días

    Aquí teneis un par de formas más de hacer lo mismo de otras personas:

    http://www.onjava.com/pub/a/onjava/2005/10/26/ajax-handling-bookmarks-and-back-button.html
    http://www.contentwithstyle.co.uk/Articles/38/fixing-the-back-button-and-enabling-bookmarking-for-ajax-apps

  • avatar

    GNU/Hydrus#17 hace 1016 días

    Bueno, el mío ahora también envía formularios vía ajax poniendo :D
    Tengo pendiente ahora hacer (al cambiar la opción haga una petición ajax pasando el valor) y alguna cosilla más ;)

  • avatar

    GNU/Hydrus#18 hace 1016 días

    Por cierto, a ver si algún día probamos a implementar mi método aquí a ver qué tal maneja lo de actualizar capas sólo cuando es necesario y demás :)

  • avatar

    Icebeat#19 hace 1015 días

    Muchas gracias por los enlaces Vixx, el segundo creo que lo enlace en el post.

    GNU/Hydrus tu lo has dicho algun dia jeje, por que con el tiempo que tengo ultimamente no me da para rediseñar la bitacora.