ホーム » ビジネスブログ » RIA (システム開発) »

JavaScript:画像拡大表示ライブラリ「PopBox」、HTMLのテーブルより高度なGrid表示ができる「dhtmlxGrid」のデモ

2007年11月26日

JavaScript:画像拡大表示ライブラリ「PopBox」、HTMLのテーブルより高度なGrid表示ができる「dhtmlxGrid」のデモ

投稿者 竹村

こんにちは。SEの竹村です。

つくるぶガイドブログで書いた以下の記事がリリースされました。

▼Flickrとのマッシュアップ! (PopBoxとdhtmlxGrid) その2
img01.jpg
http://www.tkrb.jp/guide/2007/11/flickr_image_search_mashup_vol2.html"

この記事では、PopBoxdhtmlxGridの具体的な紹介をしました。

つくるぶのと同じデモですが、まとめて掲載しておきました。

まずは、PopBox について

↓こちらの画像にPopBoxを仕込んであります (iFrameで表示しています。オリジナルはこちら)

上記のデモのように imgタグを拡張して記述を書けば実行できるので簡単ですね。

その他、細かい設定が色々できます。
設定については「PopBoxの使い方」をご覧ください。

次に、dhtmlxGrid について

↓こちらのデモではすべて無料版のAPIを利用しています(iFrameで表示しています。オリジナルはこちら)

このように無料版のAPIでもかなりの事ができるのがおわかりいただけると思います。

その他のサンプル、設定、APIについては「dhtmlxGridの使い方」をご覧ください。


この2つのJavaScriptライブラリの実装例としては、
つくるぶのガイドブログに書かせていただいているデモの
↓こちらをご覧ください。

▼画像検索マッシュアップ - 僕のお気に入り
img2.jpg

PopBoxで、複数のサムネイルをポンポン拡大表示できる点がよいですよね。
script.aculo.usと連携するとドラッグ&ドロップも簡単に実装できそうです。

また、dhtmlxGrid でつくられた「Myリスト」では、画像やリンクを表の中に埋め込んでいます。
dhtmlxGrid が表のソートや、ドラッグ&ドロップをベース機能として提供してくれているので、
制作側はコンテンツの実装に終止できるので、RIAアプリが作りやすいです。


次回のつくるぶガイドブログは12/10の予定です。よろしくお願いします。

投稿者 竹村 : 2007年11月26日 10:48

カテゴリー: Ajax (システム開発) , RIA (システム開発)

タグ: つくるぶ , ガイドブログ , 画像 , 画像拡大 , DataGrid , dhtmlxGrid , Grid , JavaScript , library , popBox


Movable Type用高機能メールフォーム生成プラグイン A-Formの詳細へ
Movable Type用会員限定サイトプラグイン A-Memberの詳細へ
Movable Type用予約サイト構築プラグイン A-Reserveの詳細へ
ARK-Web×CSR(企業の社会的責任)

アークウェブの本

Zen Cartによるオンラインショップ構築・運用テクニック―オープンソース徹底活用

Zen Cartによるオンラインショップ構築・運用テクニック―オープンソース徹底活用

内容充実のZen Cart公式本(v1.3対応)がついに発表です。アークウェブのスタッフをはじめZen-Cart.JPの中心メンバーが共著で執筆しました。続きを読む

Movable Type プロフェッショナル・スタイル

Movable Type プロフェッショナル・スタイル

ビジネスサイト構築におけるCMSとしてのMTの活用方法について、豪華執筆陣による実践的MT本です。八木が共著で執筆しました。続きを読む

Web屋の本

Web屋の本

Web 2.0時代の企業サイトの構築・運用などの戦略を考える「Web屋の本」 (技術評論社)を、中野・安藤が執筆しました。続きを読む

新着はてブ

Loading

アーカイブ

応援しています

  • キッズ・セーバー
  • ソロモン・リリーフ ─ソロモン諸島を応援する有志による、震災復興支援プロジェクト─

    (終了しました)

RSS配信

 

サービスおよびソリューション一覧


最新情報・投稿をチェック


このページのトップに戻る

Photo by A is for Angie

Powered by Movable Type Pro 6.3.8