Software:midori JavaScript Framework
Please use PROD only on articles. It is proposed that this article be deleted because of the following concern:
If you can address this concern by improving, copyediting, sourcing, renaming, or merging the page, please edit this page and do so. You may remove this message if you improve the article or otherwise object to deletion for any reason. Although not required, you are encouraged to explain why you object to the deletion, either in your edit summary or on the talk page. If this template is removed, do not replace it. This message has remained in place for seven days, so the article may be deleted without further notice. Nominator: Please consider notifying the author/project: {{subst:proposed deletion notify|Software:Midori JavaScript Framework|concern=This software appears to have been a flash in the pan thing. It's been tagged for notability since 2016 and the framework itself was only around for 2 years. It doesn't appear to have any secondary coverage outside of the one article linked. Not to be confused with the Midori browser if you see this and try finding sources, they're completely unrelated.}} ~~~~Timestamp: 20240129033511 03:35, 29 January 2024 (UTC) Administrators: delete |
| Developer(s) | Aycan Gulez |
|---|---|
| Stable release | 2010.05
/ May 10, 2010 |
| Written in | JavaScript |
| Type | Web application framework |
| License | MIT License |
| Website | http://www.midorijs.com |
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
- 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 | |||||||||
| |||||||||
Lists
 |  |
