Midori JavaScript Framework

Short description: Ultra-lightweight JavaScript library

midoriDeveloper(s)| Aycan Gulez

|

Stable release|

2010.05 / May 10, 2010 (2010-05-10)

Written in| JavaScript
Type| Web application framework
License| MIT License
Website| http://www.midorijs.com

Midori is an ultra-lightweight[1] JavaScript library that makes JavaScript web development easier. It was created by Aycan Gulez and hasn't been updated since June 2010.

## Contents

* 1 Features
* 2 Use
* 3 See also
* 4 References
* 5 External links

## Features

* DOM element selection using CSS selectors
* Tabs
* Drag and Drop
* Effects
* Pop-up menus
* Ajax with history support
* Autocomplete
* Inline Edit
* Table row selection
* DOM, cookie, form, string and array utility methods

## Use

midori consists of 10 modules and is available as a single JavaScript file. It can be included within any web page by using the following markup:

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

midori allows the use of standard CSS syntax to access DOM elements, and supports most CSS2 and CSS3 selectors.[2] There are three ways to work on returned DOM elements.

* Passing JavaScript code to modify a single property, using the built-in `apply()` method:

// 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"');

* Passing a function that takes a single parameter for more complex operations, again using the `apply()` method:

// 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';
});

* Directly accessing array entries returned by `midori.get()` is also possible.

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

## See also

* JavaScript framework
* JavaScript library

## References

1. ↑ 10 Promising JavaScript Frameworks
2. ↑ List of CSS selectors midori supports

## External links

* Official website
* Documentation
* Tutorials

* v
* t
* e

ECMAScript

Dialects|

* ActionScript
* Caja
* JavaScript
* engines
* asm.js
* JScript
* JScript .NET
* QtScript
* TypeScript
* WMLScript

Engines
(comparison)|

* Carakan
* Futhark
* InScript
* JavaScriptCore
* JScript
* KJS
* Linear B
* Narcissus
* QtScript
* Rhino
* SpiderMonkey
* TraceMonkey
* JägerMonkey
* Tamarin
* V8
* ChakraCore
* Chakra
* JScript .NET
* Nashorn

Frameworks|

| Client-side|

* Chaplin.js
* Dojo
* Echo
* Ext JS
* Google Web Toolkit
* jQuery
* Lively Kernel
* midori
* MochiKit
* MooTools
* Prototype
* Pyjs
* qooxdoo
* Rialto
* Rico
* script.aculo.us
* SmartClient
* SproutCore
* Spry
* Wakanda Framework

|

Server-side|

* AppJet
* Jaxer
* Node.js
* WakandaDB

Multiple|

* Cappuccino
* Objective-J
* PureMVC

Libraries|

* Backbone.js
* SWFObject
* SWFAddress
* Underscore.js

People|

* Brendan Eich
* Douglas Crockford
* John Resig
* Scott Isaacs

Other|

* DHTML
* Ecma International
* JSDoc
* JSGI
* JSHint
* JSLint
* JSON
* JSSS
* Sputnik
* SunSpider
* Asynchronous module definition
* CommonJS

Lists
JavaScript libraries
Ajax frameworks
Comparisons
JavaScript frameworks
server-side JavaScript

0.00

(0 votes)

Original source: https://en.wikipedia.org/wiki/Midori JavaScript Framework. Read more

|

Retrieved from "https://handwiki.org/wiki/index.php?title=Software:Midori_JavaScript_Framework&oldid=2948017"
*[v]: View this template
*[t]: Discuss this template
*[e]: Edit this template