表示・非表示:show(),hide() [prototype.js]
show(), hide()は、elementの表示・非表示を制御するメソッドです。
dom:loadedは、prototype.jsの拡張イベントです。通常ページを読み込まれた後にJavaScriptを実行するには、loadイベントを使いますが、サイズの大きい画像ファイルなどが存在すると、loadイベントが発生するまで時間がかかります。この場合、dom:loadedイベントを利用すると、ユーザビリティが向上します。ただし、ブラウザの仕様によって動作のタイミングは違います。
show(), hide()は、elementの表示・非表示を制御するメソッドです。
prototype.jsのescapeHTML()を使ったサンプルを紹介します。
jQueryとprototype.jsを使った場合のDOM書き換えサンプルを紹介します。
escapeHTML()は、prototype.jsにおいてStringクラスを拡張したもので、<、>、&などの特殊文字をエスケープしてくれます。
jQuery.noConflict()は、jQueryとprototype.jsを共存させるために宣言するメソッドです。
formフィールド名とその値をシリアライズ化し、URL エンコードして返す(便利)。
書式:Form.serialize(id)
id: formのid、または、formの要素オブジェクト$(’id’)