Yahoo! UI Library - Historial de revisiones

Javiermartin jc: Texto reemplazado: «
» por «»

2019-08-15T00:08:15Z

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

Iliana05084: /* Controles */

2016-01-06T19:21:16Z

‎Controles

Mayte ciget.cfg en 12:57 17 may 2012

2012-05-17T12:57:08Z

Chambas3 jc en 14:58 28 feb 2012

2012-02-28T14:58:32Z

Chambas3 jc en 14:51 28 feb 2012

2012-02-28T14:51:09Z

Mayte ciget.cfg en 16:17 24 dic 2010

2010-12-24T16:17:14Z

Javier jc.prio en 20:28 16 nov 2010

2010-11-16T20:28:41Z

Javier jc.prio: Página creada con '{{Aplicación|nombre=Jquery|logo=Logo-jquery.jpg‎|descripcion=Jquery Framework JavaScript|creador=John Resig|fecha_de_creacion=Ultima versión 1.4.3 16 Octubre [[2010...'

2010-11-16T20:23:13Z

Página creada con '{{Aplicación|nombre=Jquery|logo=Logo-jquery.jpg‎|descripcion=Jquery Framework JavaScript|creador=John Resig|fecha_de_creacion=Ultima versión 1.4.3 16 Octubre [[2010...'

Página nueva

{{Aplicación|nombre=Jquery|logo=Logo-jquery.jpg‎|descripcion=Jquery Framework JavaScript|creador=John Resig|fecha_de_creacion=Ultima versión 1.4.3 [[16]] [[Octubre]] [[2010]]|sitio_web=[http://developer.yahoo.com/yui/ Sitio oficial]}}'''Yahoo! UI Library.''' Software libre de JavaScript.

'''Y'''ahoo '''U'''ser '''I'''nterface'''(YUI)''', una serie de bibliotecas escritas en [[JavaScript]], para la construcción de aplicaciones interactivas (RIA). Liberadas bajo licencia [[BSD]] por parte de la compañía [[Yahoo]]. Dichas bibliotecas son utilizadas para el desarrollo [[web]] específicamente para ser usadas como la programación de aplicaciones de escritorio, con componentes vistosos y personalizables y con una amplia implementación con [[AJAX]].

== Características ==

La biblioteca está completamente documentada en [http://developer.yahoo.com/yui/ su página web] y se compone de seis componentes: Núcleo YUI, utilidades, controles UI, componentes [[CSS]], herramientas de desarrollo y de construcción.

===Núcleo===

El núcleo de '''YUI''' es un ligero conjunto de herramientas (31KB la versión compacta) para manejar eventos y manipular el árbol [[DOM]].

*[http://developer.yahoo.com/yui/yahoo/ YAHOO Global Object:] Los Objetos Globales Yahoo contienen utilidades y otras infraestructuras base para la biblioteca.
*[http://developer.yahoo.com/yui/dom/ Dom Collection:] Ayuda para la manipulación del árbol [[DOM]], incluyendo posicionamiento de elementos y gestión de estilos [[CSS]].
*[http://developer.yahoo.com/yui/event Event Utility:] Permite acceder de forma segura y sencilla a los eventos de un [[navegador web]] y, mediante el objeto Custom Event, publicar y suscribirse a eventos customizados.

===Utilidades===

*[http://developer.yahoo.com/yui/animation Animation:] Ayuda a crear efectos animados.
*[http://developer.yahoo.com/yui/history Browser History Manager:] Ayuda complementaria para el botón Atrás y la gestión de Marcadores/Favoritos de los navegadores web.
*[http://developer.yahoo.com/yui/connection/ Connection Manager:] Ayuda para manejar el objeto [[XMLHttpRequest]].
*[http://developer.yahoo.com/yui/cookie/ Cookie:] Permite gestionar las [[cookies]].
*[http://developer.yahoo.com/yui/datasource/ DataSource:] Proporciona una interfaz común para que otros componentes puedan interactuar con diferentes tipos de datos.
*[http://developer.yahoo.com/yui/dragdrop Drag and Drop:] Facilita la creación de eventos y elementos que pueden ser arrastrados.
*[http://developer.yahoo.com/yui/element/ Element:] Proporciona una capa para los elementos que facilita el añadido de escuchadores, manipulación del árbol [[DOM]] y atributos 'get' y 'set'.
*[http://developer.yahoo.com/yui/get/ Get:] La utilidad Get soporta la carga asíncrona de datos y archivos de estilos [[CSS]] externos.
*[http://developer.yahoo.com/yui/imageloader/ ImageLoader:] Permite aplazar la carga de imágenes que no son visibles durante la carga de la página, proporcionando un aumento del rendimiento.
*[http://developer.yahoo.com/yui/json/ JSON:] Proporciona métodos para el tratamiento de datos [[JSON]]. Estos métodos están basados en el trabajo de [[Douglas Crockford]].
*[http://developer.yahoo.com/yui/resize/ Resize:] Permite redimensionar los elementos [[HTML]].
*[http://developer.yahoo.com/yui/selector/ Selector:] Permite referenciar elementos [[HTML]] mediante la sintaxis [[CSS3]].
*[http://developer.yahoo.com/yui/yuiloader/ YUI Loader:] Es un cargador del lado cliente que permite la carga de forma dinámica de cualquier componente y dependencia de la biblioteca al vuelo.

===Controles===

*[http://developer.yahoo.com/yui/ AutoComplete:] Proporciona la función de auto completado (lista de sugeridos) para los usuarios. Soporta varios formatos de datos, tanto del lado cliente como del lado servidor (vía [[XMLHttpRequest]]).
*[http://developer.yahoo.com/yui/button/ Button:] Permite la creación de botones [[gráficos]] que funcionan como un botón tradicional en [[HTML]].
*[http://developer.yahoo.com/yui/calendar/ Calendar:] Un calendario gráfico y de control dinámico.
*[http://developer.yahoo.com/yui/charts/ Charts:] Permite la creación de diferentes tipos de gráficos (lineales, de barras, etc.).
*[http://developer.yahoo.com/yui/colorpicker Color Picker:] Proporciona una [[interfaz gráfica]] para la selección de colores.
*[http://developer.yahoo.com/yui/container/ Container:] Proporciona una interfaz gráfica como [[Tooltip]], paneles, cuadros de diálogo, etc.
*[http://developer.yahoo.com/yui/datatable/ DataTable:] Una potente herramienta para mostrar tablas tabulares en una página web. Permite la ordenación de columnas tanto en el lado cliente como en el servidor, paginación, scroll, selección de filas, redimensionado de columnas y edición inline.

A continuación se muestra un ejemplo de declaración con el uso del componente DataTable:

<source lang="javascript">
//Declaración del conector al DataTable
var myDataSource = new YAHOO.util.DataSource(myHugeDataSet);
//Tipo de respuesta del DataSource
myDataSource.responseType = YAHOO.util.DataSource.TYPE_JSARRAY;
//Definiendo la estructura del DataSource
myDataSource.responseSchema = { fields : [ "id","nombre","edad" ] };
//Definición de cada columna del DataTable que debe ser igual a la del DataSource
var myColumnDefs = [ {key:"id"}, {key:"nombre"}, {key:"edad"} ];
//Cantidad de Registros en la variable de configuración del DataTable
var myTableConfig = { renderLoopSize : 20 };
/*
Creación del DataTable pasándole como parámetros el nombre, la definición de las
columnas, el datasource o recurso de donde se obtienen los datos, y por último
la configuración general del DataTable
*/
var myDataTable = new YAHOO.widget.DataTable('tbl', myColumnDefs, myDataSource, myTableConfig);
</source>

*[http://developer.yahoo.com/yui/imagecropper/ ImageCropper:] Proporciona una interfaz gráfica para recortar una imagen desde el lado cliente.
*[http://developer.yahoo.com/yui/menu Menu:] Proporciona una [[API]] para la creación de menús flotantes, barras de menú y menús de contexto.
*[http://developer.yahoo.com/yui/editor Rich Text Editor:] Es un sofisticado [[editor de texto]] rico modular del lado cliente y muy configurable.
*[http://developer.yahoo.com/yui/slider Slider:] Proporciona un elemento genérico que permite al usuario elegir entre un rango de valores.
*[http://developer.yahoo.com/yui/tabview/ TabView:] Permite la navegación entre pestañas, soportando la carga dinámica de contenido vía [[XMLHttpRequest]].
*[http://developer.yahoo.com/yui/treeview TreeView:] Añade un árbol de contenido con nodos que se pueden contraer y expandir para navegar por los elementos.
*[http://developer.yahoo.com/yui/uploader Uploader:] Permite la carga de varios archivos mostrando una barra de progreso.

=== Recursos CSS ===

*[http://developer.yahoo.com/yui/base/ CSS Base:] Utilidades para la manipulación de la [[hoja de estilos]] de la forma clásica.
*[http://developer.yahoo.com/yui/grids CSS Grids.]
*[http://developer.yahoo.com/yui/fonts/ CSS Fonts.]

=== Herramientas de desarrollo ===

*[http://developer.yahoo.com/yui/logger Logger:] Permite escribir mensajes de [[log]] en una [[consola]], o utilizar las que proporcionan la extensión [[Firebug]] para el navegador [[Mozilla Firefox]] o la consola [[JavaScript]] del navegador [[Safari]].
*[http://developer.yahoo.com/yui/profiler/ Profiler:] Para perfilar el código [[JavaScript]].
*[http://developer.yahoo.com/yui/profilerviewer/ ProfilerViewer:] Usado con el anterior componente (Profiler) proporciona un perfilado visual.
*[http://developer.yahoo.com/yui/yuitest YUI Test:] Permite añadir unidades de testeo al código JavaScript.

===Herramientas de contrucción===

*[http://developer.yahoo.com/yui/compressor YUI Compressor:] Es un compresor de código [[JavaScript]] y [[CSS]] diseñado para proporcionar un resultado 100% seguro.

==Véase también==

*[[Google Web Toolkit]]
*[[JavaScript]]
*[[JQuery]]
*[[AJAX]]

== Fuentes ==

*[http://developer.yahoo.com/yui/ Yahoo User Interface Página Oficial]
*[http://yuiblog.com/blog/ Blog Oficial de YUI.]

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

@@ Línea 22: / Línea 22: @@
 |premios=
 |web=[http://developer.yahoo.com/yui/  Sitio oficial]
-}}<div align="justify">'''Yahoo! UI Library.''' Software libre de JavaScript. '''Y'''ahoo '''U'''ser '''I'''nterface'''(YUI)''', son una serie de bibliotecas escritas en [[JavaScript]], para la construcción de aplicaciones interactivas (RIA). Liberadas bajo licencia [[BSD]] por parte de la compañía [[Yahoo!|Yahoo]]. Dichas bibliotecas son utilizadas para el desarrollo [[web]] específicamente para ser usadas como la programación de aplicaciones de escritorio, con componentes vistosos y personalizables y con una amplia implementación con [[AJAX]].
+}}'''Yahoo! UI Library.''' Software libre de JavaScript. '''Y'''ahoo '''U'''ser '''I'''nterface'''(YUI)''', son una serie de bibliotecas escritas en [[JavaScript]], para la construcción de aplicaciones interactivas (RIA). Liberadas bajo licencia [[BSD]] por parte de la compañía [[Yahoo!|Yahoo]]. Dichas bibliotecas son utilizadas para el desarrollo [[web]] específicamente para ser usadas como la programación de aplicaciones de escritorio, con componentes vistosos y personalizables y con una amplia implementación con [[AJAX]].
 == Características ==
 La biblioteca está completamente documentada en su página web y se compone de seis componentes: Núcleo YUI, utilidades, controles UI, componentes [[CSS]], herramientas de desarrollo y de construcción.

@@ Línea 48: / Línea 48: @@
 *Un calendario gráfico y de control dinámico.
 *Permite la creación de diferentes tipos de gráficos (lineales, de barras, etc.).
-*Proporciona una [[interfaz gráfica]] para la selección de colores.
+*Proporciona una [[Interfaz gráfica de usuario (GUI)|interfaz gráfica]] para la selección de colores.
 *Proporciona una interfaz gráfica como [[Tooltip]], paneles, cuadros de diálogo, etc.
 *Una potente herramienta para mostrar tablas tabulares en una página web. Permite la ordenación de columnas tanto en el lado cliente como en el servidor, paginación, scroll, selección de filas, redimensionado de columnas y edición inline.
@@ Línea 58: / Línea 58: @@
 *Añade un árbol de contenido con nodos que se pueden contraer y expandir para navegar por los elementos.
 *Permite la carga de varios archivos mostrando una barra de progreso.
 == Herramientas de desarrollo ==
 *Permite escribir mensajes de [[log]] en una [[consola]], o utilizar las que proporcionan la extensión [[Firebug]] para el navegador [[Mozilla Firefox]] o la consola [[JavaScript]] del navegador [[Safari]].

@@ Línea 22: / Línea 22: @@
 |premios=
 |web=[http://developer.yahoo.com/yui/  Sitio oficial]
-}}<div align="justify">'''Yahoo! UI Library.''' Software libre de JavaScript. '''Y'''ahoo '''U'''ser '''I'''nterface'''(YUI)''', son una serie de bibliotecas escritas en [[JavaScript]], para la construcción de aplicaciones interactivas (RIA). Liberadas bajo licencia [[BSD]] por parte de la compañía [[Yahoo]]. Dichas bibliotecas son utilizadas para el desarrollo [[web]] específicamente para ser usadas como la programación de aplicaciones de escritorio, con componentes vistosos y personalizables y con una amplia implementación con [[AJAX]].
+}}<div align="justify">'''Yahoo! UI Library.''' Software libre de JavaScript. '''Y'''ahoo '''U'''ser '''I'''nterface'''(YUI)''', son una serie de bibliotecas escritas en [[JavaScript]], para la construcción de aplicaciones interactivas (RIA). Liberadas bajo licencia [[BSD]] por parte de la compañía [[Yahoo!|Yahoo]]. Dichas bibliotecas son utilizadas para el desarrollo [[web]] específicamente para ser usadas como la programación de aplicaciones de escritorio, con componentes vistosos y personalizables y con una amplia implementación con [[AJAX]].
 == Características ==
 La biblioteca está completamente documentada en su página web y se compone de seis componentes: Núcleo YUI, utilidades, controles UI, componentes [[CSS]], herramientas de desarrollo y de construcción.

@@ Línea 27: / Línea 27: @@
 ===Núcleo===
 El núcleo de '''YUI''' es un ligero conjunto de herramientas (31KB la versión compacta) para manejar eventos y manipular el árbol [[DOM]].
-*[http://developer.yahoo.com/yui/yahoo/ YAHOO Global Object:] Los Objetos Globales Yahoo contienen utilidades y otras infraestructuras base para la biblioteca.
+*Los Objetos Globales Yahoo contienen utilidades y otras infraestructuras base para la biblioteca.
-*[http://developer.yahoo.com/yui/dom/ Dom Collection:] Ayuda para la manipulación del árbol [[DOM]], incluyendo posicionamiento de elementos y gestión de estilos [[CSS]].
+*Ayuda para la manipulación del árbol [[DOM]], incluyendo posicionamiento de elementos y gestión de estilos [[CSS]].
-*[http://developer.yahoo.com/yui/event Event Utility:] Permite acceder de forma segura y sencilla a los eventos de un [[navegador web]] y, mediante el objeto Custom Event, publicar y suscribirse a eventos customizados.
+*Permite acceder de forma segura y sencilla a los eventos de un [[navegador web]] y, mediante el objeto Custom Event, publicar y suscribirse a eventos customizados.
 ==Utilidades==
-*[http://developer.yahoo.com/yui/animation Animation:] Ayuda a crear efectos animados.
+*Ayuda a crear efectos animados.
-*[http://developer.yahoo.com/yui/history Browser History Manager:] Ayuda complementaria para el botón Atrás y la gestión de Marcadores/Favoritos de los navegadores web.
+*Ayuda complementaria para el botón Atrás y la gestión de Marcadores/Favoritos de los navegadores web.
-*[http://developer.yahoo.com/yui/connection/ Connection Manager:] Ayuda para manejar el objeto [[XMLHttpRequest]].
+*Permite gestionar las [[cookies]].
-*[http://developer.yahoo.com/yui/cookie/ Cookie:] Permite gestionar las [[cookies]].
+*Proporciona una interfaz común para que otros componentes puedan interactuar con diferentes tipos de datos.
-*[http://developer.yahoo.com/yui/datasource/ DataSource:] Proporciona una interfaz común para que otros componentes puedan interactuar con diferentes tipos de datos.
+*Facilita la creación de eventos y elementos que pueden ser arrastrados.
 *[http://developer.yahoo.com/yui/element/ Element:] Proporciona una capa para los elementos que facilita el añadido de escuchadores, manipulación del árbol [[DOM]] y atributos 'get' y 'set'.
-*[http://developer.yahoo.com/yui/get/ Get:] La utilidad Get soporta la carga asíncrona de datos y archivos de estilos [[CSS]] externos.
+*La utilidad Get soporta la carga asíncrona de datos y archivos de estilos [[CSS]] externos.
-*[http://developer.yahoo.com/yui/imageloader/ ImageLoader:] Permite aplazar la carga de imágenes que no son visibles durante la carga de la página, proporcionando un aumento del rendimiento.
+*Permite aplazar la carga de imágenes que no son visibles durante la carga de la página, proporcionando un aumento del rendimiento.
-*[http://developer.yahoo.com/yui/json/ JSON:] Proporciona métodos para el tratamiento de datos [[JSON]]. Estos métodos están basados en el trabajo de [[Douglas Crockford]].
+*Proporciona métodos para el tratamiento de datos [[JSON]]. Estos métodos están basados en el trabajo de [[Douglas Crockford]].
-*[http://developer.yahoo.com/yui/resize/ Resize:] Permite redimensionar los elementos [[HTML]].
+*Permite redimensionar los elementos [[HTML]].
-*[http://developer.yahoo.com/yui/selector/ Selector:] Permite referenciar elementos [[HTML]] mediante la sintaxis [[CSS3]].
+*Permite referenciar elementos [[HTML]] mediante la sintaxis [[CSS3]].
-*[http://developer.yahoo.com/yui/yuiloader/ YUI Loader:] Es un cargador del lado cliente que permite la carga de forma dinámica de cualquier componente y dependencia de la biblioteca al vuelo.
+*Es un cargador del lado cliente que permite la carga de forma dinámica de cualquier componente y dependencia de la biblioteca al vuelo.
 ==Controles==
-*[http://developer.yahoo.com/yui/ AutoComplete:] Proporciona la función de auto completado (lista de sugeridos) para los usuarios. Soporta varios formatos de datos, tanto del lado cliente como del lado servidor (vía [[XMLHttpRequest]]).
+*Proporciona la función de auto completado (lista de sugeridos) para los usuarios. Soporta varios formatos de datos, tanto del lado cliente como del lado servidor (vía [[XMLHttpRequest]]).
-*[http://developer.yahoo.com/yui/button/ Button:] Permite la creación de botones [[gráficos]] que funcionan como un botón tradicional en [[HTML]].
+*Permite la creación de botones [[gráficos]] que funcionan como un botón tradicional en [[HTML]].
-*[http://developer.yahoo.com/yui/calendar/ Calendar:] Un calendario gráfico y de control dinámico.
+*Un calendario gráfico y de control dinámico.
-*[http://developer.yahoo.com/yui/charts/ Charts:] Permite la creación de diferentes tipos de gráficos (lineales, de barras, etc.).
+*Permite la creación de diferentes tipos de gráficos (lineales, de barras, etc.).
-*[http://developer.yahoo.com/yui/colorpicker Color Picker:] Proporciona una [[interfaz gráfica]] para la selección de colores.
+*Proporciona una [[interfaz gráfica]] para la selección de colores.
-*[http://developer.yahoo.com/yui/container/ Container:] Proporciona una interfaz gráfica como [[Tooltip]], paneles, cuadros de diálogo, etc.
+*Proporciona una interfaz gráfica como [[Tooltip]], paneles, cuadros de diálogo, etc.
-*[http://developer.yahoo.com/yui/datatable/ DataTable:] Una potente herramienta para mostrar tablas tabulares en una página web. Permite la ordenación de columnas tanto en el lado cliente como en el servidor, paginación, scroll, selección de filas, redimensionado de columnas y edición inline.
+*Una potente herramienta para mostrar tablas tabulares en una página web. Permite la ordenación de columnas tanto en el lado cliente como en el servidor, paginación, scroll, selección de filas, redimensionado de columnas y edición inline.
-A continuación se muestra un ejemplo de declaración con el uso del componente DataTable:
+*Proporciona una interfaz gráfica para recortar una imagen desde el lado cliente.
-<source lang="javascript">
+*Proporciona una [[API]] para la creación de menús flotantes, barras de menú y menús de contexto.
-//Declaración del conector al DataTable
+*Es un sofisticado [[editor de texto]] rico modular del lado cliente y muy configurable.
-var myDataSource = new YAHOO.util.DataSource(myHugeDataSet);
+*Proporciona un elemento genérico que permite al usuario elegir entre un rango de valores.
-//Tipo de respuesta del DataSource
+*Permite la navegación entre pestañas, soportando la carga dinámica de contenido vía [[XMLHttpRequest]].
-myDataSource.responseType = YAHOO.util.DataSource.TYPE_JSARRAY;
+*Añade un árbol de contenido con nodos que se pueden contraer y expandir para navegar por los elementos.
-//Definiendo la estructura del DataSource
+*Permite la carga de varios archivos mostrando una barra de progreso.
 == Herramientas de desarrollo ==
-*[http://developer.yahoo.com/yui/logger Logger:] Permite escribir mensajes de [[log]] en una [[consola]], o utilizar las que proporcionan la extensión [[Firebug]] para el navegador [[Mozilla Firefox]] o la consola [[JavaScript]] del navegador [[Safari]].
+*Permite escribir mensajes de [[log]] en una [[consola]], o utilizar las que proporcionan la extensión [[Firebug]] para el navegador [[Mozilla Firefox]] o la consola [[JavaScript]] del navegador [[Safari]].
-*[http://developer.yahoo.com/yui/profiler/ Profiler:] Para perfilar el código [[JavaScript]].
+*Para perfilar el código [[JavaScript]].
-*[http://developer.yahoo.com/yui/profilerviewer/ ProfilerViewer:] Usado con el anterior componente (Profiler) proporciona un perfilado visual.
+*Usado con el anterior componente (Profiler) proporciona un perfilado visual.
-*[http://developer.yahoo.com/yui/yuitest YUI Test:] Permite añadir unidades de testeo al código JavaScript.
+*Permite añadir unidades de testeo al código JavaScript.
-== Herramientas de construcción ==
+=== Herramientas de construcción ===
-*[http://developer.yahoo.com/yui/compressor YUI Compressor:] Es un compresor de código [[JavaScript]] y [[CSS]] diseñado para proporcionar un resultado 100% seguro.
+*Es un compresor de código [[JavaScript]] y [[CSS]] diseñado para proporcionar un resultado 100% seguro.
 ==Véase también==
 *[[Google Web Toolkit]]

@@ Línea 1: / Línea 1: @@
-{{Aplicación|nombre=Jquery|logo=Logo-jquery.jpg‎|descripcion=Jquery Framework JavaScript|creador=John Resig|fecha_de_creacion=Ultima versión 1.4.3  [[16]] [[Octubre]] [[2010]]|sitio_web=[http://developer.yahoo.com/yui/  Sitio oficial]}}'''Yahoo! UI Library.''' Software libre de JavaScript.
+{{Aplicación|nombre=Yahoo! UI Library|logo=Yuilib.jpg‎ |descripcion=Yahoo! UI Library Framework JavaScript|creador=Yahoo|fecha_de_creacion=Ultima versión 3.2.0  [[7]] [[Septiembre]] [[2010]]|sitio_web=[http://developer.yahoo.com/yui/  Sitio oficial]}}'''Yahoo! UI Library.''' Software libre de JavaScript.
 '''Y'''ahoo '''U'''ser '''I'''nterface'''(YUI)''', una serie de bibliotecas escritas en [[JavaScript]], para la construcción de aplicaciones interactivas (RIA). Liberadas bajo licencia [[BSD]] por parte de la compañía [[Yahoo]]. Dichas bibliotecas son utilizadas para el desarrollo [[web]] específicamente para ser usadas como la programación de aplicaciones de escritorio, con componentes vistosos y personalizables y con una amplia implementación con [[AJAX]].
@@ Línea 61: / Línea 61: @@
 var myDataTable = new YAHOO.widget.DataTable('tbl', myColumnDefs, myDataSource, myTableConfig);
 </source>
 *[http://developer.yahoo.com/yui/imagecropper/ ImageCropper:] Proporciona una interfaz gráfica para recortar una imagen desde el lado cliente.