[B! javascript][Ajax] authorNariのブックマーク

もうこれで十分。HTML上でテーブルを表示するなら·Sigma Grid MOONGIFT

業務システムを構築する際に、一覧表を表示するという処理は多い。そしてそのデータを並べ替えたり、チェックボックスを入れたりしたいというニーズも多く発生する。場合によってはカラムを並べ替えたり、一括更新したいなんて言われることもある。ソートも並べ替えもページネーションも全部こみこみそれを一つ一つ実装していては非常に工数がかかってしまう。そこで使いたいのがこのSigma Gridだ。 Sigma Gridはテーブルの表示とソート、データ編集などを可能にする超豪華ライブラリだ。LGPLライセンスの下に公開されているオープンソース・ソフトウェアだ。 Sigma Gridはデータの表示に際してJSONでデータを渡す必要がある。そのため既存のシステムにそのまま組み込むのは難しいかもしれない。だがその変更してもあまりあるメリットを享受できるに違いない。画像表示とクリックアクションの例まずカラムごと

authorNari 2008/11/26

table, sort

リンク

ウノウラボ Unoh Labs: JavaScriptライブラリといえば jQuery（入門編）

こんにちわ。山下です。最近、私の周りではJavaScriptライブラリといえば、jQuery の名前がまず最初に挙がってくるようになってきました。今回は、jQueryって何が便利なの？っていう人向けに、ポイントを掻い摘んで説明します。 1.名前空間を汚さない他のJavaScriptライブラリとかだとStringとかArrayを直接拡張してたりしますが、jQueryはグローバルな名前空間を汚しません。eachとかmapのような便利な関数もすべてjQueryオブジェクトの属性として定義されています。 jQuery.each, jQuery.extend, jQuery.grep, jQuery.map, jQuery.merge, jQuery.trim, etc. また、標準では $ にショートカットが割り当てられるのですが、jQuery.noConflict()と書くことで proto

authorNari 2007/08/29

素晴らしい、使ってみよう

リンク

文字を隠すように貼るシールを表現するJavaScript*ホームページを作る人のネタ帳

authorNari 2007/08/10

リンク

利用者にメッセージを分かりやすく伝えるJavaScriptライブラリ「Window.Growl 2.0」:phpspot開発日誌

利用者にメッセージを分かりやすく伝えるJavaScriptライブラリ「Window.Growl 2.0」 2007年07月10日- Window.Growl 2.0 利用者にメッセージを分かりやすく伝えるJavaScriptライブラリ「Window.Growl 2.0」「Window.Growl」を使えば、クリックするとフェードイン表示し、数秒後に消える、というようなメッセージボックスを簡単に実装できます。実装コードは次のように超シンプル。 Growl.Smoke({ title: 'Window.Growl By Daniel Mota&apos', text: 'http://icebeat.bitacoras.com', image: 'growl.jpg', duration: 2 }); これはなかなか使えそうですね。ライブラリには、mootoolsフレームワークを使用して

authorNari 2007/07/11

リンク

ライブラリ活用編 - JavaScriptist

カラーピッカーを表示し、HTMLの色情報入力の際に便利に使えるJavaScriptウィジェットを紹介します。 > ライブラリを見る

authorNari 2007/06/23

リンク

JavaScriptライブラリExtを使った伸縮するクールメニュー実装ライブラリ「Ext.Accordion」:phpspot開発日誌

JavaScriptライブラリExtを使った伸縮するクールメニュー実装ライブラリ「Ext.Accordion」 2007年06月20日- Ext.Accordion Widget Example by Saki This page is about the InfoPanel and Accordion javascript classes and its purpose is to allow the potential users to get the feel-and-touch of the user interface they provide. It contains also step by step instructions on how to integrate the Accordion to a web page. JavaScriptライブラリExtを使った伸縮する

authorNari 2007/06/20

リンク

20行で実現できるAjaxタブインタフェース:phpspot開発日誌

Dynamic Ajax Tabs in 20 Lines | 20bits The tabbed document interface is a common solution to the probl em of presenting a user with multiple document in one window. 20行で実現できるAjaxタブインタフェース。次のようなタブインタフェースをたったの２０行で実現可能なようです。次のようなDIV要素を定義します <div class="tabbed-pane"> <ol class="tabs"> <li><a href="#" class="active" id="pane1">Pane 1</a></li> <li><a href="#" id="pane2">Pane 2</a></li> </ol> </p> <div

authorNari 2007/05/29

リンク

クールなUIを実現可能なAjaxフレームワーク「vegUI」:phpspot開発日誌

vegUI Demonstration クールなUIを実現可能なAjaxフレームワーク「vegUI」このライブラリを使うことで次のようなクールなブラウザ内ウィンドウＵＩを実現できるようです。ライブラリには、Button, ContentBox, CheckBox, Menu, ScrollBarのようなUIに関わるようなクラスから、Ajax BridgeのようなAjax用クラスなどが提供されるようです。ドキュメントも充実していて、なかなか使えそうです。 vegUI のドキュメント vegUI のデモ