[B! dhtml] amayanのブックマーク

JavaScriptだけで表＜table＞を並び替え！ (1/2)

HTMLのtable（表組み）を使って、Webサイトにさまざまなデータを表示する機会は多くあります。たとえば、サークルのWebサイトを作った時に、メンバーの名前や年齢などをまとめたリストを公開するとしましょう。このとき、Webサイトを訪れたユーザーが、自分の見たい順番に行を並べ替えられたら便利なのに……といったことはありませんか？そこで試してみたいのが、表の並び替え（ソート）を実現するJavaScriptライブラリです。並び替え機能を持つJavaScriptライブラリは数多くありますが、その中から高機能で使いやすい「DataTables」を紹介しましょう。DataTablesを使えば、サーバーサイド技術の力を借りずに、HTMLとJavaScriptだけでリッチな表を作れます。並び替えを簡単に実現する「DataTables」 DataTablesは、並び替えをはじめとして、table要素

amayan 2009/04/15

リンク

jQueryベースの多機能グリッドテーブル「DataTables」:phpspot開発日誌

DataTables (table plug-in for jQuery) jQueryベースの多機能グリッドテーブル「DataTables」。ソート、表示件数調節、ページネーション、検索機能がついています。スタイルがほどよくあたっていて嫌な感じがありません。動作もなかなか軽快です。関連エントリ jQueryでリッチなグリッドを実装「jqGrid」手軽に使えるExcel風グリッドＵＩ「Flexigrid for jQuery」ブラウザ上で簡単グリッド作成「gridr buildrrr」

amayan 2009/03/05

リンク

jQueryアニメ＆エフェクト合わせ技で画像を拡大

コンテンツの魅力を引き立て、十分に伝えるためには、時には“一歩引いた”Webデザインがいいケースもあります。たとえば、自身が手がけた仕事を紹介するデザイナーのポートフォリオサイトがそうかもしれません。ポートフォリオサイトそのものを作品と見なして、凝ったビジュアルデザインを作り込むこともできますが、過去に手かげた作品が豊富であれば、それらの個性を生かすシンプルなデザインもいいでしょう。スイスのデザイナーユニット「Contreforme」のポートフォリオサイトは、後者のアプローチ――各々の作品を引き立たせるサイトデザイン――を採用しています。ただし、それだけではありません。このサイトが採っているもうひとつの手法が、アニメーション／エフェクトによる楽しい演出です。今回はこのサイトの技に注目してみます。今回のお手本サイト：『Contreforme』企業のCI策定やグラフィックデザイン、Web

amayan 2009/03/02

リンク

JavaScriptを使い、複数のフォームへ一斉に同じ値を入れる処理をしたいのですが、どのようにしたらよいでしょうか？…

JavaScriptを使い、複数のフォームへ一斉に同じ値を入れる処理をしたいのですが、どのようにしたらよいでしょうか？具体的には、同じ構成で名前だけ異なるフォーム form1/form2/form3...があって、form1のtextというテキストボックスに文字を入れると、form2とform3のtextにも同じように文字が入る...という仕組みを作りたいと思っています。どうぞ、よろしくお願いします。