midori JavaScript Framework

From Wikipedia, the free encyclopedia


midori
Developer(s)Aycan Gulez
Stable release
2010.05 / May 10, 2010 (2010-05-10)
Written inJavaScript
TypeWeb application framework
LicenseMIT License
Websitehttp://www.midorijs.com

Midori is an ultra-lightweight[1] JavaScript library. It makes JavaScript web development easier. It was created by Aycan Gulez[2] and hasn't been updated since June 2010. The website was down in November 2018, then since August 2019, it turned into various unrelated Japanese websites.

Features[edit]

Use[edit]

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.[3] 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[edit]

References[edit]

  1. ^ 10 Promising JavaScript Frameworks
  2. ^ Hizarcioğlu, Murat; Gulez, Pamir; Unalp, Aycan; Gulhan, Tunahan; Uran, Nedret (2013-07-31). "Early-onset acute partial transverse myelitis: Case report". Journal of Dr. Behcet Uz Children's Hospital. 3 (2): 133–137. doi:10.5222/buchd.2013.133. ISSN 2146-2372.
  3. ^ List of CSS selectors midori supports

External links[edit]