WikiMasterBot2: automatic correction by IA

2026-04-04T01:56:27Z

automatic correction by IA

← Older revision		Revision as of 01:56, 4 April 2026
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, ~~then~~ since August 2019, it turned into various unrelated Japanese websites.		'''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 ==

WikiMasterBot2: Moved page from wikipedia:en:Midori JavaScript Framework (history)

2024-01-29T23:52:36Z

Moved page from wikipedia:en:Midori JavaScript Framework ([[Edithistory:|history]])

New page

{{Proposed deletion/dated
|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
|nom = StreetcarEnjoyer
|help =
}}
{{Short description|Ultra-lightweight JavaScript library}}
{{Multiple issues|
{{Notability|Products|date=March 2016}}
{{Primary sources|date=November 2009}}
{{Advert|date=July 2022}}
}}

{{lowercase}}
{{Infobox software
| name = midori
| developer = Aycan Gulez
| latest release version = 2010.05
| latest release date = {{release date|2010|05|10}}
| genre = [[Web application framework]]
| programming language = [[JavaScript]]
| license = [[MIT License]]
| website = http://www.midorijs.com
}}
{{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, then since August 2019, it turned into various unrelated Japanese websites.

== Features ==

* [[Document Object Model|DOM]] element selection using [[Cascading Style Sheets|CSS]] selectors
* [[Tab (GUI)|Tabs]]
* [[Drag and drop|Drag and Drop]]
* Effects
* Pop-up menus
* [[Ajax (programming)|Ajax]] with history support
* [[Autocomplete]]
* Inline Edit
* Table row selection
* DOM, [[HTTP cookie|cookie]], [[Form (web)|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:
<syntaxhighlight lang=html>
<script type="text/javascript" src="path/to/midori.js"></script>
</syntaxhighlight>

Midori allows the use of standard CSS syntax to access DOM elements, and supports most CSS2 and CSS3 selectors.<ref>[https://web.archive.org/web/20080907001657/http://www.midorijs.com/midori.html#get 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 <code lang="midori">apply()</code> method:
<syntaxhighlight lang="javascript">
// 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"');
</syntaxhighlight>

* Passing a function that takes a single parameter for more complex operations, again using the <code lang="midori">apply()</code> method:
<syntaxhighlight lang="javascript">
// 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';
});
</syntaxhighlight>

* Directly accessing array entries returned by <code lang="midori">midori.get()</code> is also possible.
<syntaxhighlight lang="javascript">
// Returns the first div element
const firstDiv = midori.get('div')[0];
</syntaxhighlight>

== See also ==

* [[JavaScript framework]]
* [[JavaScript library]]

== References ==
{{reflist}}

==External links==
* [http://www.midorijs.com/ Official website]
* [https://web.archive.org/web/20080906182326/http://www.midorijs.com/docs.html Documentation]
* [https://web.archive.org/web/20080927151027/http://www.midorijs.com/tutorials.html Tutorials]

{{ECMAScript}}

[[Category:JavaScript libraries]]
[[Category:Software using the MIT license]]
[[Category:JavaScript web frameworks]]
{{⚠️🚨COPIED from EverybodyWiki ❗❕⚠️😡😤Please respect Licence CC-BY-SA ❗}}
{{Source Wikipedia}}

Midori JavaScript Framework - Revision history

WikiMasterBot2: automatic correction by IA

WikiMasterBot2: Moved page from wikipedia:en:Midori JavaScript Framework (history)