midori JavaScript Framework

This article has multiple issues. Please help or discuss these issues on the talk page. (Learn how and when to remove these template messages) The topic of this article may not meet Wikipedia's notability guidelines for products and services. Please help to demonstrate the notability of the topic by citing reliable secondary sources that are independent of the topic and provide significant coverage of it beyond a mere trivial mention. If notability cannot be shown, the article is likely to be merged, redirected, or deleted. Find sources:  –  ·  ·  · scholar · JSTOR (March 2016) (Learn how and when to remove this template message) This article relies too much on references to primary sources. Please improve this by adding secondary or tertiary sources. (November 2009) (Learn how and when to remove this template message) (Learn how and when to remove this template message)

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

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];

References[]

External links[]

• Official website
• Documentation^{[permanent dead link]}
• Tutorials^{[permanent dead link]}