Midori Javascript Framework

infobox software
name = midori
developer = Aycan Gulez
latest release version = Revision 80
latest release date = release date|2008|09|02
genre = Web application framework
programming language = JavaScript
license = MIT License
website = http://www.midorijs.com

midori is a lightweight [ [http://sixrevisions.com/javascript/promising_javascript_frameworks/ 10 Promising JavaScript Frameworks] ] JavaScript library that aims to make JavaScript web development easier. It was created by Aycan Gulez.

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:

midori allows the use of standard CSS syntax to access DOM elements, and supports most CSS2 and CSS3 selectors [ [http://www.midorijs.com/midori.html#get List of CSS selectors midori supports] ] . 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" tablemidori.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" tablemidori.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 elementvar firstDiv = midori.get('div') [0] ;

References

External links

* [http://www.midorijs.com/ Official website]
* [http://www.midorijs.com/docs.html Documentation]
* [http://www.midorijs.com/tutorials.html Tutorials]