HOME > Ajaxライブラリー

Ajaxライブラリー

dom:loaded [prototype.js]

dom:loadedは、prototype.jsの拡張イベントです。通常ページを読み込まれた後にJavaScriptを実行するには、loadイベントを使いますが、サイズの大きい画像ファイルなどが存在すると、loadイベントが発生するまで時間がかかります。この場合、dom:loadedイベントを利用すると、ユーザビリティが向上します。ただし、ブラウザの仕様によって動作のタイミングは違います。

» dom:loadedに関する詳細はこちら

width(), height() [jQuery]

width(), height()は、要素の横幅と縦幅を設定するjQueryのメソッドです。

» width(), height()に関する詳細はこちら

previewbubble [WebSnapr]

previewbubbleは、リンク先をクリックする前にリンク先のサムネイル画像を表示してくれるライブラリーです。

» previewbubbleに関する詳細はこちら

lightbox 2.0

lightbox 2.0は、ページ内の画像を拡大する人気のあるツールです。画像をクリックすると、ページ遷移無しにページ内のコンテンツを背景にして画像を拡大してくれます。

» lightbox 2.0 に関する詳細はこちら

表示・非表示:show(),hide() [prototype.js]

show(), hide()は、elementの表示・非表示を制御するメソッドです。

» show(), hide()に関する詳細はこちら

script.aculo.usのインストール

script.aculo.usは、prototype.jsをベースとしたエフェクト関連が充実しているAjaxライブラリーです。

» script.aculo.usに関する詳細はこちら

Ajaxサンプル:DOM書き換えサンプル [jQuery, prototype.js]

jQueryとprototype.jsを使った場合のDOM書き換えサンプルを紹介します。

» DOM書き換えサンプルに関する詳細はこちら

『WEBサイト制作者に役立つメルマガ』発行!