2009/12/23
～ JavaScript + Ajax 実践サンプル ～ 新着サンプル(vol.61)
───────────────────────────────── ～ JavaScript + Ajax 実践サンプル ～ 新着サンプル(vol.61) ＼＿＿＿＿＿＿＿＿＿＿＿＿ http://jsajax.com/ 2009/12/23 発行 vol.61 ＼＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ ■〔１〕JavaScript実践サンプル 新着サンプル ■〔２〕お知らせ ■〔３〕編集後記 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ■〔１〕JavaScript実践サンプル 新着サンプル ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 前回に引き続きAjaxのサンプルを３本アップしましたので 紹介します。 今回のサンプルは、マイクロソフトのAjax Clients Templatesと jQueryのライブラリを利用して実装しています。 書籍データは、jQueryのAjax APIを利用してWebサービス経由で 取得してHTMLのul/li要素にバインドして表示します。 #3のサンプルは、書籍のカバーをドラッグ＆ドロップして ショッピングカートに入れることができます。 また、拡大鏡のアイコンをクリックして書籍のカバーを ズームインすることも可能です。 以下の２行のコードを追加するだけで、Webサービス経由で取得 した書籍データ(JSON形式）をHTMLのul/li要素にバインドして 表示させることができます。 var tableView = Sys.create.dataView('#books'); tableView.set_data(books); ◆書籍データをWebサービル経由で取得してtable要素にバインドする #1 http://jsajax.com/AjaxBookShopArticle1522.aspx ◆書籍データをWebサービス経由で取得してul/li要素にバインドする #2 http://jsajax.com/AjaxBookShop2Article1523.aspx ◆書籍データをWebサービス経由で取得してカートに入れられるようにする #3 http://jsajax.com/AjaxBookShop3Article1524.aspx ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ■〔２〕お知らせ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ◆「jQueryプラグイン実践活用法」連載中 http://www.atmarkit.co.jp/fwcr/design/tool/jqueryplugin01/01.html @ITにjQueryプラグインの実践活用法の連載を投稿しました。 この連載は６回シリーズで第１回目は 「jQuery、プラグイン、jQuery UI、Web経由のCDNとは」について 解説しています。 ◆web creatorsの巻頭特集に記事投稿 http://www.mdn.co.jp/di/webcreators/ MdNから発売の雑誌「ウェブ・クリエイターズ」のjQuery特集に 記事を投稿しました。 また、jQueryを利用したTIPSも投稿しましたので お近くの書店でご覧ください。 ◆「jQuery UI + 厳選プラグイン41 実践サンプル集」の紹介 http://www.amazon.co.jp/exec/obidos/ASIN/4798024570/accessknowh08-22/ref=nosim 拙著「jQuery UI + 厳選プラグイン41 実践サンプル集」が 店頭で発売中です。 ↓こんなカバーです。 http://jsajax.com/images/jQueryUIcover.png ↓目次のイメージを用意しましたのでご覧ください。 http://jsajax.com/ ◆jQuery無料PDF公開中 http://jsajax.com/jQueryPDF.aspx jQueryを使い倒すための無料PDFを公開しています。 このページに、PDFギャラリーを追加しました。 イメージギャラリー風のインタフェースで無料PDFの一覧がご覧 いただけます。 [Download]をクリックするとPDFをダウンロードすることができます。 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ■〔３〕編集後記 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 今年は、昨日が仕事納でした。 あとは、正月明けまで趣味に専念します。 ───────────────────────────────── JavaScript + Ajax MailMagazine ───────────────────────────────── 【発行責任者】葛西 秋雄 admin{at}jsajax.com({at}を@に変換要) 【登録・解除】http://www.mag2.com/m/0000270581.html 本メールに掲載された記事・情報を許可なく転載することを禁じます。 ───────────────────────────────── Copyright(C) 2009 Akio Kasai, All Rights Reserved. ─────────────────────────────────
