En muchos de nuestros formularios, tal vez hemos querido manejar la opción de que el usuario pueda subir un archivo (imágen, por decir) a nuestro servidor. Normalmente podríamos manejar esto con HTML y PHP … pero que tal una alternativa donde no se refresque la página?. Utilizaremos una aplicación hecha con JQuery llamada AjaxFileUpload.

jQuery is a fast, concise, JavaScript Library

that simplifies how you traverse HTML documents, handle events, perform animations, and add Ajax interactions to your web pages.

This AjaxFileUpload Plugin is a hacked version of Ajaxupload plugin created by yvind Saltvik, which is really good enought for normal use. Its idea is to create a iframe and submit the specified form to it for further processing.

In this hacked version, it submits the specified file type of input element only rather than an entire form.

La forma de implementarlo en nuestras páginas no es tan difícil y de hecho en la página del proyecto publican código para hacerlo.

Se me hizo bastante bueno, lo acabo de probar en una página y funciona a la perfección, vale la pena darle una checada.

Enlace:

http://www.phpletter.com/Our-Projects/AjaxFileUpload/

En Quanaxoft llevamos tiempo probando las ventajas que conlleva utilizar librerías como jQuery o Mootools para conseguir el efecto de “animaciones” en nuestros sitios web sin tener que utilizar flash :)

A veces uno tiende a saturar las páginas con código o librerías de las cuales por lo general no se les saca el mayor provecho posible, por eso lo ideal viene siendo hacerse de una librería base y de ahí partir.

Nosotros optamos por jQuery para algunos de nuestros desarrollos, por que entre otras cosas, el código que proporciona es muy ligero y tiene la gran ventaja de ser cross-browser … “escribe menos, has mas” es la frase que representa a jQuery … y es bastante cierta :)

Decidí hacer una entrada en el blog para simplemente recomendar esta librería a los desarrolladores curiosos que aun no conocen o no se deciden por una librería para sus aplicaciones.

De wikipedia:

jQuery es una biblioteca o framework de Javascript, creada inicialmente por John Resig, que permite simplificar la manera de interactuar con los documentos HTML, manipular el arbol DOM, manejar eventos, desarrollar animaciones y agregar interacción con la tecnología AJAX a páginas web. Fue presentada el 14 de enero de 2006 en el BarCamp NYC.

jQuery es software libre y de código abierto, posee un doble licenciamiento bajo la licencia MIT y de la GNU General Public License, Versión 2.[1] jQuery, al igual que otras bibliotecas, ofrece una serie de funcionalidades basadas en Javascript que de otra manera requerirían de mucho más código. Es decir, con las funciones propias de esta biblioteca se logran grandes resultados en menos tiempo y espacio. Leer mas

Como ejemplos:

- En nuestra misma página de Quanaxoft: www.quanaxoft.com , la animación de entrada presentada en un pop-up, el slider de la sección de Servicios e incluso la sección Portafolio, fueron elaboradas gracias a esta librería :)

- Flip! … que tal un efecto de flip para algun elemento de tu página? http://lab.smashup.it/flip/

- Etc, etc!

Esperamos proximamente ir empezando a publicar más sobre el uso de jQuery, asi como algun tip o aplicación que a nosotros nos haya gustado esperando que les sea útil.

Página oficial de jQuery: http://jquery.com

© 2011 Quanaxblog Suffusion theme by Sayontan Sinha