タグ

tipsとprototype.jsに関するnobyukiのブックマーク (2)

  • smartdialog.js - 画面全体にレイヤーを重ねてダイアログを表示する JavaScript ライブラリ

    Yahoo!画像検索」や「Lightbox」のように、画面全体にレイヤーを重ねてダイアログを表示する JavaScript のライブラリです。 他のライブラリと比較して、任意の色を背景色に選ぶことができ、CSS ファイルや透過画像が不要だという長所があります。 別途、「prototype.js」と「scriptaculous.js(effects.js)」のライブラリが必要です。 サンプル デフォルトの動作(ホワイトアウト) グレーアウト・待ち時間なし・閉じるボタンなし・枠線なし・200px × 50px 縦長・待ち時間なし・緑二重枠線 薄いピンク(不透明度 0.5)・待ち時間 3 秒・ダイアログなし ブルースクリーン・待ち時間なし・同色ダイアログ・背景クリック無効・ボタンのラベル変更 画像を表示・枠線 1px・500px × 400px ダウンロード smartdialog.js v1

  • Ajax 最適化 Tips - Prototype.js のパフォーマンス — ありえるえりあ

    prototype.js 1.6.0 RC で、カスタムイベントが使えるようになったり、ネイティブの forEach が使われるようになったり、簡単に DOM エレメントを構築できるようになったり、 isNumber で数値型かチェックできるようになったり、すばらしいバージョンアップであることは間違いないのですが、 prototype.js のソースを見てもわかるとおり、パフォーマンス云々よりも JavaScript 的にスマートな書き方・より単純で意味の取りやすい書き方が優先されており(もちろんこれは正しい方向)、あまり熟知せずにこれらの関数を乱用してしまうとアプリケーションのパフォーマンスに甚大な被害を与えてしまうことがあります。今回は prototype.js を使うにあたって(パフォーマンス的に)注意すべき点を紹介したいと思います。なお参考にする prototype.js のバージ

  • 1