Ajaxサンプル:テキスト入れ替え [prototype.js]

prototype.jsの$()関数を使って、テキストを入れ替えます。
また、prototype.jsのEvent.observe()を使ってclickイベントを検出するようにしています。

もう一つこのサンプルで注目して欲しいのは、画像を含めたすべてのコンテンツを読み込まないと ボタンが反応しないというところです(loadイベントが発生するタイミング)。

DOMが構築されたらすぐにボタンを押せるようにするには、prototype.jsの拡張イベントであるdom:loadedを使うか、jQueryを使います。jQueryを使ったテキスト入れ替えサンプルを参照してください。


ここを書き換えます


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