Midori is an ultra-lightweight

JavaScript library A JavaScript library is a library of pre-written JavaScript code that allows for easier development of JavaScript-based applications, especially for AJAX and other web-centric technologies. Libraries With the expanded demands for JavaScript, an ea ...

. It makes JavaScript web development easier. It was created by Aycan Gulez 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

DOM Dom or DOM may refer to: People and fictional characters * Dom (given name), including fictional characters * Dom (surname) * Dom La Nena (born 1989), stage name of Brazilian-born cellist, singer and songwriter Dominique Pinto * Dom people, an et ...

element selection using

CSS Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation of a document written in a markup language such as HTML or XML (including XML dialects such as SVG, MathML or XHTML). CSS is a cornerstone techno ...

selectors * Tabs *

Drag and Drop In computer graphical user interfaces, drag and drop is a pointing device gesture in which the user selects a virtual object by "grabbing" it and dragging it to a different location or onto another virtual object. In general, it can be used to i ...

* Effects * Pop-up menus *

Ajax Ajax may refer to: Greek mythology and tragedy * Ajax the Great, a Greek mythological hero, son of King Telamon and Periboea * Ajax the Lesser, a Greek mythological hero, son of Oileus, the king of Locris * ''Ajax'' (play), by the ancient Greek ...

with history support *

Autocomplete Autocomplete, or word completion, is a feature in which an application predicts the rest of a word a user is typing. In Android and iOS smartphones, this is called predictive text. In graphical user interfaces, users can typically press the tab ...

* Inline Edit * Table row selection * DOM,

cookie A cookie is a baked or cooked snack or dessert that is typically small, flat and sweet. It usually contains flour, sugar, egg, and some type of oil, fat, or butter. It may include other ingredients such as raisins, oats, chocolate chips, n ...

form Form is the shape, visual appearance, or configuration of an object. In a wider sense, the form is the way something happens. Form also refers to: *Form (document), a document (printed or electronic) with spaces in which to write or enter data ...

, 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.List of CSS selectors midori supports
/ref> 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) ); * Directly accessing array entries returned by midori.get() is also possible. // Returns the first div element var firstDiv = midori.get('div')

References

External links

Official website

{{ECMAScript JavaScript libraries Software using the MIT license JavaScript web frameworks

Features

Use

See also

References

External links