midori (biblioteca)

midori
Información general
Tipo de programa	Biblioteca JavaScript
Desarrollador	Aycan Gulez
Licencia	Licencia MIT
Información técnica
Programado en	JavaScript
Versiones
Última versión en pruebas	2 de octubre de 2008 ()
Enlaces
Sitio web oficial

midori es una ligera​ biblioteca JavaScript cuyo objetivo es facilitar el desarrollo de aplicaciones web que hagan uso de JavaScript. Es desarrollada por Aycan Gulez.

Características

• Selección de elementos DOM usando selectores CSS.
• Pestañas.
• Arrastrar y soltar.
• Efectos.
• Menús.
• Soporte AJAX con historial.
• Autocompletado.
• Edición inline.
• Selección de filas de tablas.
• Métodos de utilidad para DOM, cookies, formularios, strings y arrays.

Uso

midori consta de 10 módulos en un único archivo escrito en JavaScript. Puede ser incluido dentro de cualquier página web usando el siguiente código:

<script type="text/javascript" src="path/to/midori.js"></script>

midori permite el uso de sintaxis CSS estándar para acceder a los elementos DOM y soporta la mayor parte de selectores CSS2 y CSS3.​ Existen tres formas de trabajar:

• Pasando código JavaScript para modificar una propiedad, usando el método apply():

// Sets the background color of all the cells in even rows to "yellow" in the "cities" table
midori.get('#cities tr:nth-child(even) td').apply('style.backgroundColor = "yellow"');

• Pasando una función con un parámetros para operaciones más complejas, usando de nuevo el método apply()

// Marks the cells whose values are 12 or bigger in the "cities" table
midori.get('#cities td').apply(function (o) {
   if (parseInt(o.innerHTML) >= 12) o.style.backgroundColor = 'red';
} );

• Acceder directamente al array devuelto con midori.get() también es posible:

// Returns the first div element
var firstDiv = midori.get('div')[0];

Enlaces externos

• Página oficial
• Documentación Archivado el 11 de diciembre de 2008 en Wayback Machine.
• Tutoriales (en inglés) Archivado el 10 de octubre de 2008 en Wayback Machine.

• Datos: Q3491227