Midori JavaScript Framework: Difference between revisions
Moved page from wikipedia:en:Midori JavaScript Framework ([[Edithistory:|history]]) |
m automatic correction by IA |
||
| Line 24: | Line 24: | ||
}} | }} | ||
{{Portal|Free and open-source software}} | {{Portal|Free and open-source software}} | ||
'''Midori''' is a lightweight<ref>[http://sixrevisions.com/javascript/promising_javascript_frameworks/ 10 Promising JavaScript Frameworks]</ref> [[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, | '''Midori''' is a lightweight<ref>[http://sixrevisions.com/javascript/promising_javascript_frameworks/ 10 Promising JavaScript Frameworks]</ref> [[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, and since August 2019, it turned into various unrelated Japanese websites. | ||
== Features == | == Features == | ||
Latest revision as of 01:56, 4 April 2026
| 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.
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, and since August 2019, it turned into various unrelated Japanese websites.
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
const firstDiv = midori.get('div')[0];
See also
References
External links
| 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.
