2007/6/22 金曜日

ext+jQueryを試してみた

Filed under: 技術メモ — dev0000 @ 3:09:54 このエントリをはてなブックマークに追加このエントリをdel.icio.usに追加このエントリをLivedoor Clipに追加このエントリをBuzzurl(バザール)に追加

jQueryにはjqModalというフロートウインドウを実現する為のプラグインがあるのだがなんだかしっくりこないので(どっちかというとdivをダイアログ化するものなので組み立てが必要)、extを試してみることにした。

で、example を参考しながら書いてみたのだが、

HTML:
  1. <script type="text/javascript" src="ext-1.0.1/adapter/jquery/jquery.js"></script>
  2. <script type="text/javascript" src="ext-1.0.1/adapter/jquery/jquery-plugins.js"></script>
  3. <script type="text/javascript" src="ext-1.0.1/adapter/jquery/ext-jquery-adapter.js"></script>
  4. <script type="text/javascript" src="ext-1.0.1/ext-core.js"></script>
  5. <script type="text/javascript" src="ext-1.0.1/package/dialog/dialogs.js"></script>
  6. <script type="text/javascript" src="ext-1.0.1/source/dd/DDCore.js"></script>
  7. <script type="text/javascript" src="ext-1.0.1/source/widgets/Shadow.js"></script>
  8. <script type="text/javascript" src="ext-1.0.1/source/widgets/Button.js"></script>
  9. <script type="text/javascript" src="ext-1.0.1/source/util/KeyMap.js"></script>
  10. <link rel="stylesheet" type="text/css" href="ext-1.0.1/resources/css/ext-all.css" />
  11. </head><body>
  12. <script type="text/javascript">//<![CDATA[
  13.  
  14. Ext.MessageBox.confirm('Confirm', 'Are you sure you want to do that?', null);
  15.  
  16. //]]></script>
  17. </body></html>

ext-all.js が大きい(455KB)ので、ext-core.js を使ってみたのだが、「どのjsが必要か?」というのが明示されていない(というか見つけられなかった)為、バグが出る度確認するハメに。

ただ、Prototype Windowに比較すると、やっぱり機能面でどうにも見劣りがするなぁ。

jQueryは諦めてprototype.jsにするか、それともこうするか。
jQuery と prototype.js を同時に使う。($(); のコンフリクト回避)

コメントはまだありません »

コメントはまだありません。

この投稿へのコメントの RSS フィード。 TrackBack URL

コメントする

HTML convert time: 0.653 sec. Powered by WordPress ME