Saltar a navegación Saltar a búsqueda
![]() | Este artículo tiene varios problemas. Ayude a mejorarlo o discuta estos problemas en la página de discusión . ( Obtenga información sobre cómo y cuándo eliminar estos mensajes de plantilla ) ( Aprenda cómo y cuándo eliminar este mensaje de plantilla )
|
Desarrollador (es) | Aycan Gulez |
---|---|
Lanzamiento estable | 2010.05 / 10 de mayo de 2010 |
Escrito en | JavaScript |
Tipo | Marco de aplicación web |
Licencia | Licencia MIT |
Sitio web | http://www.midorijs.com |
midori es una biblioteca de JavaScript ultraligera [1] que tiene como objetivo facilitar el desarrollo web de JavaScript. Fue creado por Aycan Gulez y no se ha actualizado desde junio de 2010.
Funciones [ editar ]
- Selección de elementos DOM usando selectores CSS
- Pestañas
- Arrastrar y soltar
- Efectos
- Menús emergentes
- Ajax con soporte histórico
- Autocompletar
- Edición en línea
- Selección de fila de tabla
- Métodos de utilidad DOM, cookie , formulario , cadena y matriz
Utilice [ editar ]
midori consta de 10 módulos y está disponible como un solo archivo JavaScript. Se puede incluir en cualquier página web mediante el siguiente marcado:
< script type = "text / javascript" src = "ruta / a / midori.js" > </ script >
midori permite el uso de la sintaxis CSS estándar para acceder a los elementos DOM y es compatible con la mayoría de los selectores CSS2 y CSS3. [2] Hay tres formas de trabajar con elementos DOM devueltos.
- Pasando código JavaScript para modificar una sola propiedad, usando el
apply()
método integrado :
// Establece el color de fondo de todas las celdas en filas pares en "amarillo" en el midori de la tabla "ciudades" . get ( '#cities tr: nth-child (even) td' ). apply ( 'style.backgroundColor = "yellow"' );
- Pasando una función que toma un solo parámetro para operaciones más complejas, nuevamente usando el
apply()
método:
// Marca las celdas cuyos valores son 12 o mayores en el midori de la tabla "ciudades" . get ( '#ciudades td' ). apply ( function ( o ) { if ( parseInt ( o . innerHTML ) > = 12 ) o . style . backgroundColor = 'red' ; });
midori.get()
También es posible acceder directamente a las entradas de la matriz devueltas por .
// Devuelve el primer elemento div var firstDiv = midori . obtener ( 'div' ) [ 0 ];
Referencias [ editar ]
- ^ 10 marcos de JavaScript prometedores
- ^ Lista de selectores CSS que admite midori
Enlaces externos [ editar ]
- Página web oficial
- Documentación [ enlace muerto permanente ]
- Tutoriales [ enlace muerto permanente ]