Introduccion a jqueryui

Introducción a jQuery UI.

http://www.adictosaltrabajo.com/tutoriales/tutoriales.php?pagina=jQu...

E-mail: Contraseña:

Deseo registrarme He olvidado mis datos de acceso Inicio Quiénes somos Tutoriales Formación Comparador de salarios Nuestro libro Charlas Más

Estás en: Inicio Tutoriales

Introducción a jQuery UI.

1 de 5

22/03/2011 12:57 a.m.

Introducción a jQuery UI.http://www.adictosaltrabajo.com/tutoriales/tutoriales.php?pagina=jQu...

DESARROLLADO POR: Jose Manuel Sánchez Suárez

Catálogo de servicios Autentia

Consultor tecnológico de desarrollo de proyectos informáticos. Puedes encontrarme en Autentia: Ofrecemos servicios de soporte a desarrollo, factoría y formación Somos expertos en Java/J2EE

Anuncios Google

Jquery

UI Design

PhotoshopTutorial

ÚltimasJava Tutorial Noticias

Fecha de publicación del tutorial: 2010-01-18
Share | Regístrate para votar

12.076

XV Charla Autentia - web2py (y Google App Engine) RECORDATORIO XV Charla Autentia - web2py (y Google App Engine) XIV Charla Autentia - ZK - Vídeos y Material Hablando de coaching ágil, milagro nocturo y pruebas de vida XIII Charla Autentia - AOS y TDD - Vídeos yMaterial

Introducción a jQuery UI.

0. índice de contenidos.
1. 2. 3. 4. 5. 6. 7. 8. 9. Introducción. Entorno. Instalación. Componentes de interacción. Efectos visuales. Widgets. ThemeRoller. Referencias. Conclusiones.

1. Introducción
jQuery UI es una librería de componentes para el framework jQuery que provee un conjunto de plugins, efectos visuales y widgets. Ya hemos hecho unaintroducción a jQuery y hemos visto cómo crear plugins para jQuery, ahora se trata de seguir ampliando conocimientos, haciendo uso de una librería que se basa en la misma y que nos aporta: Componentes de interacción: drag & drop, sorting, resizing... Efectos: show, hide, toggle, color animation, class manipulation... Widgets: accordion, date picker, dialog, slider y tabs. Como vengo haciendo en losdistintos tutoriales de jQuery, comparándolo con prototypejs, se trataría de toda aquella funcionalidad que tendríamos con la librería script.aculo.us en el entorno de prototypejs, salvo que en esta no existe el concepto de widget.

Histórico de NOTICIAS

Últimos Tutoriales

Consumir un servicio web Axis con Android Autentia en la javacup Listener del ciclo de vida de JSF, en JSF2 y con elsoporte de FacesTrace (Primefaces) Log4J: Modificar el nivel de log en tiempo de ejecución con el soporte de Spring Lanzar test de Selenium 2 en un navegador remoto

2. Entorno.
El tutorial está escrito usando el siguiente entorno: Hardware: Portátil MacBook Pro 17' (2.93 GHz Intel Core 2 Duo, 4GB DDR3 SDRAM). Sistema Operativo: Mac OS X Snow Leopard 10.6.1 jQuery 1.3.2. jQuery UI 1.7.2.

3.Instalación.
La descarga de jQuery UI permite seleccionar qué componentes vamos a necesitar de la librería, de modo que si sólo queremos hacer uso de un widget, no tenemos por qué arrastrar el código del resto de funcionalidad en el script de descarga. De este modo podemos seleccionar

2 de 5

22/03/2011 12:57 a.m.

Introducción a jQuery UI.http://www.adictosaltrabajo.com/tutoriales/tutoriales.php?pagina=jQu...

únicamente aquello que vamos a usar. El script completo son 299 kb. Además podemos elegir un tema css para la descarga, de entre uno de los predefinidos o crear uno "ad hoc" con la herramienta ThemeRoller, que veremos más adelante. Podemos descargarnos la última versión de la siguiente url: http://jqueryui.com/download. En el fichero comprimido de la descarga podemosencontrar: la librería jQueryUI, con el código de las opciones seleccionadas, y la librería jQuery de la que depende, una distribución para desarrolladores (development-bundle), con: la documentación del framework, páginas de demo con ejemplos de uso de cada funcionalidad, y librerías js con cada una de las funcionalidades concretas y dentro de developmentbundle/ui/i18n/ librerías para la...