タグ

jqueryに関するtosyokan3のブックマーク (6)

  • テーブルにソート、内容編集、行の削除等の機能を加えるjQueryプラグイン・TableGear

    なかなか多機能なライブラリだったので 備忘録。テーブルにソート、コンテンツの 編集や、Ajaxによる行の削除が可能な jQueryプラグイン・TableGearです。この 手のプラグインはいくつかありますが、 中でもかなり高機能な気がします。 jQueryだけでなくmootoolsも用意されてるみたいです。テーブル内でソートが可能で、セル内は編集できます。もちろん、編集後のソートもOK。行そのものを消す事も可能ですよ。 セル内は編集可能で、普段はこのように通常と変らないインターフェースを維持できます。マウスでクリックするとプルダウンや入力エリアが出現。 編集してもソート機能は維持 ソート機能が付いていますが、セル内に変更を加えても、変更後の内容でソートしてくれます。 行の削除も 行ごと削除する事も出来ます。 デモはPHPMySQLを使って設計してるようですが、他のシステム上でも動作すると

    テーブルにソート、内容編集、行の削除等の機能を加えるjQueryプラグイン・TableGear
  • 40分で覚える!jQuery速習講座 (1/6)

    いまやWeb制作に欠かせなくなったJavaScript。でも、「JavaScriptはほとんど“アリモノ”で済ませている」という方も多いのでは? そこで、WebデザイナーやマークアップエンジニアなどのWeb制作者の方向けに、いま一番人気のJavaScriptライブラリー「jQuery」の基を学べる特別レッスンをお届けします。題して、「40分で覚えるjQuery」。要点だけにぎゅっと絞って解説しますので、手を動かしながら今すぐjQueryを始めましょう。 【0分目:導入編】 jQueryのダウンロードと利用方法 jQueryのライブラリー体(JavaScriptファイル)は公式サイトからダウンロードし、head要素などにscript要素を書いて読み込みます。

    40分で覚える!jQuery速習講座 (1/6)
  • LavaLamp for jQuery lovers! | Ganeshji Marwaha

    Click on the above image to land in the Lava Lamp Demo page. Then, hover over it and feel for yourself, the nifty effect that Lava Lamp offers. What you just experienced is nothing but the LavaLamp menu packaged as a plugin for the amazing jQuery javascript library. I personally believe that the effect rivals that of flash – Don’t you? Especially considering the fact that it is extremely light wei

  • jQuery , prototype.js 用「ツールチップ(吹き出し説明)」表示ライブラリ|JavaScriptプログラムメモ|プログラムメモ

    「ツールチップ」とはオンマウス時に表示される画像やテキストのことです。 Windows IEで画像の上にマウスを置いてしばらく待つとALT属性が見えるというアレですね。 これを簡単に実装するライブラリを紹介。jQuery、prototype.js プラグインメインで探してみました。 ■ script.js ( prototype.js jQuery不必要 ) http://www.leigeber.com/2008/06/javascript-tooltip/ ・おすすめ ・ツールチップがフェードして現れます ■ tooltip.js ( 要prototype.js ) http://blog.innerewut.de/tooltip ・おすすめ! ・導入が簡単でわかりやすい。 ・ツールチップとして表示させたい内容をhtmlで記述できるのでカスタマイズが簡単 ■ cooltips ( 要p

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

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

  • jQueryでエクスプローラ風メニューに! (1/2)

    ネットショップや情報サイトなど、複雑な階層構造のWebサイトでは、なるべく分かりやすくて見栄えのいいナビゲーションを設置したい、というニーズがあります。今回は、jQueryプラグインのひとつ、「Treeview」を使って、リストをツリー風に格好よく表示する方法を紹介しましょう。 ui/li要素をツリー表示する「Treeview」 Treeviewプラグインは、HTMLのul/li要素でマークアップしたリストをツリー風に表示するJavaScriptです。要素をクリックで開閉したり、Windowsのエクスプローラのようなフォルダ/ファイルアイコンを表示したりと、いろいろカスタマイズできるのが特徴です。開発者はJorn Zaefferer氏(Jornの「o」の上に点が2つ付きます)で、MITライセンスで公開されています。 Treeviewプラグインは、以下のページで配布されています。ページの先頭

    jQueryでエクスプローラ風メニューに! (1/2)
  • 1