JQuery UI - Historial de revisiones

Javiermartin jc: Texto reemplazado: «
» por «»

2019-08-14T21:54:27Z

Texto reemplazado: «<div align="justify">» por «»

Reynier idict: /* Descarga personalizada de módulos */

2014-03-20T13:30:33Z

‎Descarga personalizada de módulos

Wendy idict en 14:25 3 jul 2013

2013-07-03T14:25:50Z

Gricel04 en 14:06 1 abr 2013

2013-04-01T14:06:46Z

Cinformcltu jc en 18:16 29 feb 2012

2012-02-29T18:16:04Z

Javier jc.prio en 13:32 10 nov 2010

2010-11-10T13:32:30Z

Javier jc.prio en 13:28 10 nov 2010

2010-11-10T13:28:44Z

Javier jc.prio: Página creada con '{{Aplicación|nombre=Jquery UI|logo=JQuery_UI_Logo.png‎‎|descripcion=Jquery Framework JavaScript|creador= jQuery UI Team|fecha_de_creacion=Ultima versión 1.7.2 19 [[Ju...'

2010-11-10T13:26:19Z

Página creada con '{{Aplicación|nombre=Jquery UI|logo=JQuery_UI_Logo.png‎‎|descripcion=Jquery Framework JavaScript|creador= jQuery UI Team|fecha_de_creacion=Ultima versión 1.7.2 19 [[Ju...'

Página nueva

{{Aplicación|nombre=Jquery UI|logo=JQuery_UI_Logo.png‎‎|descripcion=Jquery Framework JavaScript|creador= jQuery UI Team|fecha_de_creacion=Ultima versión 1.7.2 [[19]] [[Junio]] [[2009]]|sitio_web=[http://jqueryui.com/ Sitio oficial]}}'''jQuery UI.''' Software libre de JavaScript.

== Definición ==

jQuery UI es una biblioteca de componentes para el [[framework]] [[jQuery]] que le añaden un conjunto de plug-ins, [[widgets]] y efectos visuales para la creación de aplicaciones [[web]]. Cada componente o módulo se desarrolla de acuerdo a la filosofía de [[jQuery]] (find something, manipulate it: encuentra algo, manipúlalo).

== Módulos ==

La biblioteca se divide en cuatro módulos:

=== Núcleo ===

Contiene las funciones básicas para el resto de módulos.

=== Interacciones ===

Añade comportamientos complejos a los elementos:

*'''Draggable:''' Hace al elemento arrastrable.
*'''Droppable:''' Permite que el elemento responda a elementos arrastrables.
*'''Resizable:''' Permite redimensionar el elemento.
*'''Selectable:''' Permite seleccionar entre una lista de elementos.
*'''Sortable:''' Ordena una lista de elementos.

=== Widgets ===

Es un conjunto completo de controles UI. Cada control tiene un conjunto de opciones configurables y se les pueden aplicar estilos [[CSS]].

*'''Accordion:''' Menú con efecto acordeón.
*'''Dialog:''' [[Ventanas]] con contenido.
*'''Slider:''' Elemento para elegir en un rango de valores.
*'''Tabs:''' Pestañas.
*'''Datepicker:''' [[Calendario]] gráfico.
*'''Progressbar:''' Barra de progreso.

=== Efectos ===

Una [[API]] para añadir transiciones animadas y facilidades para interacciones.

== Uso ==

'''jQuery UI''' se utiliza igual que cualquier otra extensión para [[jQuery]]: Sólo hay que añadir los ficheros .js a la página; primero debe aparecer la biblioteca [[jQuery]] y después el resto:

<source lang="javascript">
<link type="text/css" href="css/themename/jquery-ui-1.7.1.custom.css" rel="Stylesheet" />
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.7.1.custom.min.js"></script>
</source>

En la [http://jqueryui.com/ página oficial] de '''jQuery UI''' existe una extensa documentación sobre cómo usar y configurar los módulos y componentes.

== Personalización de los estilos y ThemeRoller ==

Los estilos de los componentes se pueden modificar para adaptarlos a las necesidades del usuario aunque no es una tarea trivial. Para ello, en la página oficial, existe la herramienta ThemeRoller que permite diseñar los estilos [[online]] de una manera sencilla.

== Compatibilidad ==

Es compatible con los navegadores (y sus versiones posteriores) [[Internet Explorer]] 6.0, [[Mozilla Firefox]] 2 +, [[Safari]] 3.1, [[Ópera]] 9.0 y [[Google Chrome]].

== Descarga personalizada de módulos ==

En la [http://jqueryui.com/ página oficial] de '''jQuery UI''' existe una [[herramienta]] para crear una versión personalizada del [[fichero]] .js para que sólo incluya los módulos que se van a utilizar. De esta manera se optimiza el tamaño del fichero, conteniendo sólo lo necesario.

== Referencias ==

*[http://jquery-ui.googlecode.com/svn/tags/latest/GPL-LICENSE.txt Licencia GPL de jQuery UI.]
*[http://docs.jquery.com/How_jQuery_Works Cómo funciona jQuery]
*[http://jqueryui.com/demos/ Demostraciones y documentación de jQuery UI (inglés)]

== Véase también ==

*[[jQuery]]
*[[Prototype]]
*[[Yahoo User Interface]]

== Enlaces externos ==

*[http://jqueryui.com/ Página Oficial de jQuery UI]
*[http://jquery.com/ Página Oficial de jQuery]

[[Category:Programación]] [[Category:Desarrollo_web]]

@@ Línea 21: / Línea 21: @@
 |premios=
 |web=
-}}<div align="justify">
+}}
 '''jQuery UI.''' Software libre de JavaScript.

@@ Línea 1: / Línea 1: @@
 {{Ficha Software
 |nombre=Jquery UI
@@ Línea 22: / Línea 21: @@
 |premios=
 |web=
-}}
+}}<div align="justify">
 '''jQuery UI.''' Software libre de JavaScript.

@@ Línea 3: / Línea 3: @@
 |nombre=Jquery UI
 |familia=Software Educativo
-|imagen=JQuery_UI_Logo.png‎‎
+|imagen=Logo_de_jQuerv.jpeg
 |tamaño=
 |descripción=Sotfware Educativo

← Revisión anterior		Revisión del 18:16 29 feb 2012
Línea 1:		Línea 1:
−	{{~~Aplicación~~\|nombre=Jquery UI\|~~logo~~=JQuery_UI_Logo.png‎‎\|~~descripcion~~=Jquery Framework JavaScript\|creador= jQuery UI Team\|~~fecha_de_creacion~~=Ultima versión 1.7.2 [[19]] [[Junio]] [[2009]]\|~~sitio_web~~=~~[http://jqueryui.com/ Sitio oficial]~~}}'''jQuery UI.''' Software libre de JavaScript.	+	'''<div align="justify">'''
		+	{{Ficha Software
		+	\|nombre=Jquery UI
		+	\|familia=Software Educativo
		+	\|imagen=JQuery_UI_Logo.png‎‎
		+	\|tamaño=
		+	\|descripción=Sotfware Educativo
		+	\|imagen2=
		+	\|tamaño2=
		+	\|descripción2=Jquery Framework JavaScript
		+	\|creador=jQuery UI Team
		+	\|desarrollador=
		+	\|diseñador=
		+	\|modelo de desarrollo=
		+	\|lanzamiento inicial=
		+	\|versiones=
		+	\|última versión estable=Ultima versión 1.7.2 [[19]] [[Junio]] [[2009]]
		+	\|género=Especialidad Español y Literatura
		+	\|sistemas operativos=Windows
		+	\|idioma=español
		+	\|licencia=
		+	\|premios=
		+	\|web=
		+	}}
		+	'''jQuery UI.''' Software libre de JavaScript.

	== Definición ==		== Definición ==

@@ Línea 83: / Línea 83: @@
 == Descarga personalizada de módulos ==
-En la [http://jqueryui.com/ página oficial] de '''jQuery UI''' existe una [[herramienta]] para crear una versión personalizada del [[fichero]] .js para que sólo incluya los módulos que se van a utilizar. De esta manera se optimiza el tamaño del fichero, conteniendo sólo lo necesario.
+En la [http://jqueryui.com/ página oficial] de '''jQuery UI''' existe una [[herramienta]] para crear una versión personalizada del [[Archivo (Informática)|fichero]] .js para que sólo incluya los módulos que se van a utilizar. De esta manera se optimiza el tamaño del fichero, conteniendo sólo lo necesario.
 == Referencias ==

@@ Línea 4: / Línea 4: @@
 jQuery UI es una biblioteca de componentes para el [[framework]] [[jQuery]] que le añaden un conjunto de plug-ins, [[widgets]] y efectos visuales para la creación de aplicaciones [[web]]. Cada componente o módulo se desarrolla de acuerdo a la filosofía de [[jQuery]] (find something, manipulate it: encuentra algo, manipúlalo).
 == Módulos ==
@@ Línea 13: / Línea 12: @@
 Contiene las funciones básicas para el resto de módulos.
 === Interacciones ===

@@ Línea 1: / Línea 1: @@
-{{Aplicación|nombre=Jquery UI|logo=JQuery_UI_Logo.png‎‎|descripcion=Jquery Framework JavaScript|creador= jQuery UI Team|fecha_de_creacion=Ultima versión 1.7.2  [[19]] [[Junio]] [[2009]]|sitio_web=[http://jqueryui.com/  Sitio oficial]}}'''jQuery UI.''' Software libre de JavaScript.
+{{Aplicación|nombre=Jquery UI|logo=JQuery_UI_Logo.png‎‎|descripcion=Jquery Framework JavaScript|creador= jQuery UI Team|fecha_de_creacion=Ultima versión  1.7.2     [[19]] [[Junio]] [[2009]]|sitio_web=[http://jqueryui.com/  Sitio oficial]}}'''jQuery UI.''' Software libre de JavaScript.
 == Definición ==
@@ Línea 44: / Línea 44: @@
 '''jQuery UI''' se utiliza igual que cualquier otra extensión para [[jQuery]]: Sólo hay que añadir los ficheros .js a la página; primero debe aparecer la biblioteca [[jQuery]] y después el resto:
-<source lang="javascript">
+ <source lang="javascript">
-<link type="text/css" href="css/themename/jquery-ui-1.7.1.custom.css" rel="Stylesheet" />
+ <link type="text/css" href="css/themename/jquery-ui-1.7.1.custom.css" rel="Stylesheet" />
-<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
+ <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
-<script type="text/javascript" src="js/jquery-ui-1.7.1.custom.min.js"></script>
+ <script type="text/javascript" src="js/jquery-ui-1.7.1.custom.min.js"></script>
-</source>
+ </source>
 En la [http://jqueryui.com/ página oficial] de '''jQuery UI''' existe una extensa documentación sobre cómo usar y configurar los módulos y componentes.