Show Me Some MochiKit

Currently, MochiKit development is focused on code and documentation. We do plan on authoring more examples and tutorials, but we hope that what's here will help you dive right in.


A minimal JavaScript interactive interpreter showing off some MochiKit.DOM functionality. Play with MochiKit right in your browser!

ある MochiKit.DOM 機能性を引き立てる最小のJavaScriptの対話型のインタプリタ。ちょうどブラウザー中のMochiKitで遊んでください!

Key Events

An example demonstrating key handling using MochiKit.Signal.

MochiKit.Signal を使用して、キー取り扱いを実証する例。


An example demonstrating how to create a simple CSS based drag handler using MochiKit.Signal.

単純なCSSを作成する方法を実証する例は MochiKit.Signal を使用して、ドラッグ・ハンドラーを基づかせました。

Logging Pane

A simple page to demonstrate inline and pop-up (debuggingBookmarklet) modes of MochiKit.LoggingPane, as well as the various MochiKit.Logging log levels.

様々な MochiKit.Logging と同様に MochiKit.LoggingPane のインラインと、ポップ・アップ(debuggingBookmarklet)モードを実証する単純なページも、レベルを記録します。


A JavaScript Regular Expression (RegExp) Explorer built with MochiKit.DOM and MochiKit.Async.

JavaScript正規表現(RegExp)エクスプローラーは MochiKit.DOMMochiKit.Async で構築しました。


Uses MochiKit.DOM and MochiKit.Async along with dp.SyntaxHighlighter to provide syntax highlighting for its own source code, and the sources for all of the other examples! The source file path is read in from location.hash, and loaded with doSimpleXMLHttpRequest, and then inserted into the DOM with replaceChildNodes.

シンタックスを提供するために dp.SyntaxHighlighter と共に MochiKit.DOMMochiKit.Async を使用する‥‥強調する‥‥それ自身のソース・コード、および他の例のすべてのための出所のために! ソース・ファイル・パスはlocation.hashからdoSimpleXMLHttpRequestで読まれ、doSimpleXMLHttpRequestでロードしました、そして次に、replaceChildNodesを備えたDOMに挿入された

AJAX Tables

Demonstrates a comprehensive MochiKit application, building on the sortable tables example. This one includes extensive usage of MochiKit.Async to load XML and JSON documents. This example includes XMLHttpRequest-loaded documents, a simple DOM attribute templating language (implemented *entirely* in the example), and sortable tables.

分類可能なテーブル例に基礎を置いて、包括的なMochiKitアプリケーションを実証します。これは、XMLとJSONのドキュメントをロードするために MochiKit.Async の広範囲な使用法を含んでいます。この例はXMLHttpRequestをロードしたドキュメント、言語(例におけるインプリメントされた*entirely*)をtemplatingする単純なDOM属性、および分類可能なテーブルを含んでいます。

Sortable Tables

Demonstrates the ease of use of MochiKit.DOM. It takes a plain old HTML table, and makes it sortable on the fly. It even converts the dates to Date objects, and does a proper sort of those too! Other libraries might give you sortable tables, but MochiKit makes it so easy that we simply do it from scratch as an example!

MochiKit.DOM の使用の容易さを実証します。それは平原に古いHTMLテーブルをとり、それを急いで分類可能にします。それはさらに日付を日付オブジェクトに変換し、適切に一種のそれらをまたします! 他のライブラリはあなたに分類可能なテーブルを与えるかもしれません。しかし、MochiKitは、私たちが例としてゼロから単にそれをすることを非常に簡単にします!

Color Wheel

Shows off the color support (the full CSS3 color model!) in MochiKit.Color. For browsers that support CSS3 rgba() colors (Safari), you'll see real alpha blending. For other browsers, it will emulate alpha blending by blending with the background color.

MochiKit.Color の中で色サポート(十分なCSS3カラーモデル!)を引き立てます。 CSS3 rgba()色(旅行)をサポートするブラウザーについては、実際のアルファが混じるのを見るでしょう。他のブラウザーについては、それは、背景色で混じることにより混じるアルファをエミュレートするでしょう。

Rounded Corners

Want fancy looking HTML elements with rounded corners, but don't want to do any weird image hacks? Do it in JavaScript! MochiKit.Visual makes it completely painless, and this example shows it off.

想像が丸コーナを備えたHTML要素を見ることを望みますか。しかし、どんな不思議なイメージ荒傷も行いたくあってください。 JavaScriptの中でそれをしてください! MochiKit.Visual はそれを完全に無痛にします。また、この例はそれを引き立てます。