dom:loadedは、prototype.jsの拡張イベントです。通常ページを読み込まれた後にJavaScriptを実行するには、loadイベントを使いますが、サイズの大きい画像ファイルなどが存在すると、loadイベントが発生するまで時間がかかります。この場合、dom:loadedイベントを利用すると、ユーザビリティが向上します。ただし、ブラウザの仕様によって動作のタイミングは違います。
Ajax入門について
Ajax(エイジャックス)の基本は、JavaScriptのプログラミングとJavaScript/Ajaxライブラリの活用です。広範囲なAjax技術の中から、特に入門者向けの記事を中心として
役に立つ情報を配信中。prototype.jsやjQueryなどのAjaxライブラリーを使ったサンプルも紹介しています。
Ajaxの基礎であるJavaScriptの基本を学ぶ為に、入門者向けの「やりなおしのJavaScript」を連載(ThinkITに掲載)。 「やりなおしのJavaScript」では、毎回小さなアプリケーションを作りながら、DOMの制御方法や、Ajax/JavaScriptの基礎文法の復習をしていきます。Think IT掲載終了後、続編である 「続・やりなおしのJavaScript」も、本サイト内で公開予定。
Ajaxの基礎であるJavaScriptの基本を学ぶ為に、入門者向けの「やりなおしのJavaScript」を連載(ThinkITに掲載)。 「やりなおしのJavaScript」では、毎回小さなアプリケーションを作りながら、DOMの制御方法や、Ajax/JavaScriptの基礎文法の復習をしていきます。Think IT掲載終了後、続編である 「続・やりなおしのJavaScript」も、本サイト内で公開予定。
Ajaxとは
Ajaxとは、Asynchronous JavaScript + XMLの略称です。Asynchronousとは、「非同期」という意味で、
従来型のWebサイトのように、ブラウザとサーバがキャッチボールをするようにデータのやり取りをするのではなく(同期)、
ブラウザーとサーバが「非同期」で通信をするという事を意味しています。非同期になることによって、Webサイトの操作性が
上がり、ユーザビリティの向上に貢献することができます。XMLは、Ajaxにおける通信時のデータ形式を表していますが、
実際には、XMLだけでなく、JSON(ジェイソン)、CSV、テキストなど様々な形式でデータの交換をすることが可能です。
参考記事:Ajaxとは。
新着Ajaxサンプル
最新記事情報
width(), height() [jQuery]
width(), height()は、要素の横幅と縦幅を設定するjQueryのメソッドです。
Ajaxサンプル: サムネイル表示[previewbubble/websnapr]
previewbubble(websnapr)を使ったサムネイル表示のサンプルを紹介します。