midori JavaScript Framework
| Developer(s) | Aycan Gulez |
|---|---|
| Stable release | 2010.05
/ May 10, 2010 |
| Written in | JavaScript |
| Engine | |
| Type | Web application framework |
| License | MIT License |
| Website | http://www.midorijs.com |
Search Midori JavaScript Framework on Amazon.
Some use of "" in your query was not closed by a matching "".Some use of "" in your query was not closed by a matching "". Midori is a lightweight[1] JavaScript library. It is intended to make 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[edit]
- 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[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.[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
const firstDiv = midori.get('div')[0];
See also[edit]
References[edit]
External links[edit]
| Dialects | |||||||||
|---|---|---|---|---|---|---|---|---|---|
| Engines (comparison) | |||||||||
| Frameworks |
| ||||||||
| People | |||||||||
| Other | |||||||||
| |||||||||
This article "Midori JavaScript Framework" is from Wikipedia. The list of its authors can be seen in its historical and/or the page Edithistory:Midori JavaScript Framework. Articles copied from Draft Namespace on Wikipedia could be seen on the Draft Namespace of Wikipedia and not main one.
