10 Javascript Ajax aquí

25 de octubre 2007 por Oli · 8 Comentarios




Si usted está construyendo un sitio web que tiene pestañas dentro del diseño, ¿por qué no condimentar con un poco de magia JavaScript. Hoy tenemos alrededor de un 10 JavaScript / Ajax scripts Tab usted puede incorporar fácilmente en sus diseños futuros ...


jQuery Coda deslizante - El efecto de deslizamiento es lo que el Coda-Slider es todo, buena presentación, contenido mancha

115.jpg


Aquí la perspectiva - Perspectiva de pestañas (antes de deslizamiento aquí) es un mootools simple plug-in que permiten un gran número de fichas para encajar en un espacio pequeño

106.jpg


aquí jQuery ID - idTabs es un plugin para jQuery - Se permite añadir pestañas en una simple página web estupenda, pero también puede abrir la puerta a un sinfín de posibilidades

210.jpg


Acordeón Tab - script pestañas acordeón estilo de escritura con moo.fx

35.jpg


XP Panes Ficha Estilo - Es fácil de configurar este script. Usted pone su contenido en DIVs separados y luego llamar a una función JavaScript que crea dinámicamente las pestañas

45.jpg


Ajax aquí - El propósito de hacer aquí en el Ajax no es sólo hacer algo en el Ajax. El contexto para el cual se utiliza no es la novedad

55.jpg


Page Interface con pestañas - Hay muy pocas implementaciones de JavaScript de las interfaces de pestañas que hay en la web. ¡Cuánto mejor, sin embargo, para poder cambiar de una ficha de página de ficha de la página sin actualizar la página

65.jpg


Tab anidadas jQuery Juego de Demostración - Bueno, ha habido algunos cambios, pero voy a tratar de mantener con calma, con un ejemplo, y habrá un archivo zip que incluye.. En primer lugar, usted necesita la última JQuery construcción, así como la última versión del plugin de aquí. Preste atención a las rutas que he creado en mi fragmentos de código aquí

75.jpg


Aquí Ajax Reloaded - De vez en cuando te encuentras con un sitio fresco o código de prueba y cree que puede usarlo en alguna parte. Yo pensaba que sobre el sistema de pestañas HavocStudios Ajax así que me fui de nuevo al sitio para verificarlo

85.jpg


Aquí en Scriptaculous - Este script le permitirá crear fichas interactivas para su uso en una aplicación

95.jpg


Acerca de Oli
Oliver Dale corre Kooc Media, una compañía basada en web del Reino Unido que se especializa en aplicaciones web, comunidades online, Wordpress Tutoriales y Wordpress Plugins .

Comentarios

8 Respuestas a "10 aquí Javascript Ajax"
  1. Chango - http://meteora.astrata.com.mx dice:

    Esto se basa en los mootools, y son muy fáciles de usar!
    soporta la carga de casi todo.

    Meteora Notebook [http://meteora.astrata.com.mx/js/meteora/test/unit/notebook.html]

  2. Darren - http://www.darrenkrape.com dice:

    No es una mala lista, aunque debo señalar que sólo una (la ficha anidada JQuery) de ellos parece funcionar cuando JavaScript no está habilitado, que es un problema de accesibilidad más importantes.

    Este es un tema bastante importante si usted está creando un sitio para el gobierno de los EE.UU. (como yo) o la intención de que su sitio sea utilizado por un público diverso.

    He aquí un ejemplo he creado usando jQuery que es accesible incluso con JS desactivado: http://dev.darrenkrape.com/dos/usinfo/election/code/index.html (la función de calendario en la parte inferior izquierda de la página ).

  3. Oli - http://tutorialblog.org dice:

    Buen trabajo de Darren - Gracias por compartir eso.

  4. Géminis - http://www.hungamablog.com dice:

    Estuvo de acuerdo. Esta es una gran cosa. Sin embargo, AJAX se pueden conectar cuando tu web / blog es compatible con PHP. Si no, es inútil ..

  5. Jeremy Keith - http://adactio.com/ dice:

    Por lo que se puede ver, la mayoría de los ejemplos que figuran el uso de Ajax. Todos ellos están utilizando JavaScript para hacer las cosas muy inteligente, pero muy pocos de ellos están haciendo las llamadas al servidor una vez que se carga la página.

    Alguna posibilidad de que podría modificar el título de esta página para aclarar esto? No es suficiente FUD flotando en el Ajax plazo sin maquillar más.

  6. Richard Morton - http://www.qm-consulting.co.uk/ dice:

    Interesante, pero yo habría pensado que la mayoría de navegación comportamiento de las pestañas puede ser logrado a través de JavaScript, sin las complicaciones de AJAX. No estoy diciendo que haya nada malo con el uso de AJAX para este tipo de cosas, sólo que podría introcue complicación innecesaria. Es caballos para los cursos.

  7. Abhisek - http://ad1987.blogspot.com dice:

    Gracias por los enlaces ... yo iría a por IdTabs

  8. Raina Gustafson - http://thequeensmen.com dice:

    Mensaje impresionante. ¡Me encanta!

Tutorial Blog