[JavaScript][Ext]ソート可能なテーブルを実装する
絶対お勧め！JavaScriptでテーブルソート「Table Sorter」 普通のテーブルタグに対して、ヘッダ部分はtheadタグとthタグで作るだけでいい。データ部分は全体をtbodyタグで囲んで、tdタグで記述するだけだ。 Extを使っても同様の方法でソート可能なテーブルを実装できます。 以下のサンプルからExt.grid.TableGridクラスをもらってきて使うだけです。 From Markup Grid Example Script var grid = new Ext.grid.TableGrid('the-table'); grid.render(); ロード時にページ内のテーブル全てに適用したければ下記のような感じでＯＫです。 Ext.onReady(function() { Ext.select('table').each(function (e) { var grid
![[JavaScript][Ext]ソート可能なテーブルを実装する](https://cdn-ak-scissors.b.st-hatena.com/image/square/458019f9eb3b0502a1ee27767673b17090247b3a/height=288;version=1;width=512/http%3A%2F%2F2.bp.blogspot.com%2F_sX6CD3lBq0Q%2FRm6CmU50cfI%2FAAAAAAAAABA%2Fa5I5ciMro_I%2Fw1200-h630-p-k-no-nu%2Fext_table_grid.jpg)
[JavaScript][Ext]Ext.jsの使い方メモ(Core機能)
Ext.jsの使い方メモです。Core機能をまとめてみようと思います。 最初に必要なライブラリを読み込みます。(ext-1.0に展開されたソースがある前提) <script src="ext-1.0/adapter/yui/yui-utilities.js" type="text/javascript" charset="utf-8"></script> <script src="ext-1.0/adapter/yui/ext-yui-adapter.js" type="text/javascript" charset="utf-8"></script> <script src="ext-1.0/ext-all-debug.js" type="text/javascript" charset="utf-8"></script> スタイルシートの読み込みます。 自分で全部定義するのは大変なの
WEBデスクトップ、JSポータルのサンプルが追加される等した「Ext2.0 Beta 1」がリリース:phpspot開発日誌
WEBデスクトップ、JSポータルのサンプルが追加される等した「Ext2.0 Beta 1」がリリース 2007年10月15日- Ext JS Blog - Ext 2.0 Beta 1 The Ext team is proud to announce that Ext v2.0 Beta 1 is available for download. WEBデスクトップ、JSポータルのサンプルが追加される等した「Ext2.0 Beta 1」がリリース。 新しいサンプルが追加され、ますます魅力的になってきました。 WEBデスクトップ iGoogle風ポータルサイト 正式版の登場が待ち遠しい限りですね。 関連エントリ Ext2.0のアルファ版がリリース
MOONGIFT: » GUIのようなWebアプリケーションを構築「Rialto」:オープンソースを毎日紹介
最近の流行はやはりWebアプリケーションだ。特にWeb OSをはじめとして、まるでGUIアプリケーションのようなインタフェースを実現したものが増えている。 あのようなアプリケーションを作るのは非常に手間がかかることだろう。だが、そのためのツールキットも登場している。これを使えば簡単に優れたインタフェース、操作性を実現できる。 今回紹介するオープンソース・ソフトウェアはRialto、各種言語に対応したWeb用GUIツールキットだ。 RialtoはまるでGUIアプリケーションさながらのコンポーネントが提供している。ツリーメニュー、ドラッグで動かせるウィンドウ、フレーム、タブメニュー、グリッド、カレンダー等だ。 ウィンドウ一つにしても、平行、垂直にしか動かせないようにしたり、グリッドを表示したりと細かく制御できる。これらのライブラリがPHP、.NET、Python、JSF、Taglib、GWT向
Le blog de l'information
L’organisation complète d’événements, de la conception à la réalisation, est une tâche complexe nécessitant une coordination minutieuse et une planification rigoureuse. Une agence événementielle professionnelle du type preference-events.com se charge de chaque étape, garantissant ainsi que tous les aspects de l’événement sont pris en compte et exécutés de manière impeccable. Tout d’abord, la phase
ウノウラボ Unoh Labs: 簡単Ajaxライブラリ「jQuery」と便利なプラグインたち
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
Webアプリに使えるAjaxライブラリ8選！ ― ＠IT
Ajaxライブラリを比較する 前章の基準で選定した8個のAjaxライブラリについて、基本的な共通情報を一覧として表1に整理しました。これらの情報はすべて公式サイトおよびライブラリ自身に含まれているドキュメントから得たものです。
jQuery
What is jQuery? jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. With a combination of versatility and extensibility, jQuery has changed the way that millions of people write JavaScript.
jQuery 1.1 と他のライブラリ（Prototype, YUI, MooToolsなど）を併用する方法 - のほほん徒然
第三十五回 先日紹介した jQuery 1.1 では，HTML要素を選択するために$();を使っています．しかし，この関数は他の主要JavaScriptライブラリ*1でも同じように使われているので，複数のライブラリを同時に利用すると思わぬバグが出たりします． jQuery 1.1 では，他のライブラリと同時利用しても大丈夫なように設計されているため，jQuery.noConflict();という一行を書き足すだけで他のライブラリと一緒に使えます． 以下では Prototype と一緒に使う例を示します． <html> <head> <script src="prototype.js"></script> <script src="jquery.js"></script> <!-- jQuery を後に読み込みます． --> <script> jQuery.noConflict(); //
Prototype.js → jQuery.js
ブロガー ジェフ・リバウスキ エントリ検索 検索フォーム（ブログ） カテゴリ ありません。 最近のエントリ ありません。 最近のコメント ありません。 Feed RSS 2.0
Prototype.jsとjQueryのベンチマーク速度比較:phpspot開発日誌
Claudio's personal hideout: Prototype and jQuery benchmarked Disclaimer: this benchmarks are not meant to demonstrate anything. This is not a “A is better than B” sort of thing. I think this is one of my first (no, uhm, it’s THE first) benchmark I ever did, so it is all but rigorous.Prototype.jsとjQueryのベンチマーク速度比較。 どちらもそこまで大差があるわけではないですが、両者ともAjaxフレームワークでは人気のライブラリなので面白い比較ですね。 体感ではほとんど変わらないはずなので、速度面で
眠る開発屋blog｜最新オンラインカジノのニューカジノ情報
もしもこの世から「残業」が完全になくなったら ３年ぐらい前に読んだ本を思い出した。 １９８０−９０年代の話ですが、残業について、 「時間外・休日労働の弾力的運用が我が国の労使慣行の下で雇用維持の機能をはたしている」（１９８５年労働基準法研究会報告）とか、「我が国の労働慣行の実情に合うような上限設定が可能かどうか定かでない」（１９９２年同報告）と、雇用維持の為のコストとして恒常的な長時間労働を是認する考え方が主流でした。 需要の低下に応じて、生産水準を下げなくてはならなくなっても、バッファがあるから解雇せずに大丈夫でしょ、という。。。 まぁ、 ところが、その後、労働法政策が内部労働市場の雇用維持から外部労働市場における移動促進に徐々にシフトしていったにもかかわらず、この長時間労働哲学には疑問が呈されないまま２１世紀に至っているのです。 と著者は問題視しているわけだけど。 話変わって、最近友人
IT戦記 - 一行で IE の JavaScript を高速化する方法
以下の一行をすべての JavaScript の前に読み込む /*@cc_on _d=document;eval('var document=_d')@*/ この一行を読み込むことによって IE での document へのアクセスが 5 倍速くなります。 たとえば 以下のように、読み込む前と読み込んだ後を比較してみます。 // Before var date = new Date; for (var i = 0; i < 100000; i++) document; alert(new Date - date); // 643 /*@cc_on _d=document;eval('var document=_d')@*/ // After date = new Date; for (var i = 0; i < 100000; i++) document; alert(new Date -
可愛くアニメーションするタブＵＩ実装ライブラリ「MooTabs」:phpspot開発日誌
MooTabs - Tiny tab class for MooTools MooTabs is a tiny(3kb) class for MooTools. As the name suggests, it's main purpose is to help out with the creation of simple tab navigation.可愛くアニメーションするタブＵＩ実装ライブラリ「MooTabs」 タブ項目をクリックするとページがアニメーションしながら開きます。 動きが滑らかで、使っていてちょっと驚きで楽しいＵＩを提供できます。 CSSで綺麗にスタイルしても見栄えがしそうですね。 moo がついているので mooTools を利用しているのは言うまでもありませんね。
PhotoShopのカラーピッカーそっくりなカラーピッカー「JavaScript Color Picker」:phpspot開発日誌
PhotoShopのカラーピッカーそっくりなカラーピッカー「JavaScript Color Picker」 2007年10月09日- PhotoShop-like JavaScript Color Picker Many people have noted "it looks like [picker X]" and they are right: there are tons of pickers out there (I listed a few in the original post). PhotoShopのカラーピッカーそっくりなカラーピッカー「JavaScript Color Picker」。 prototyope.jsベースで、IE5.5, IE6, IE7, FF2, Opera 9, Safari 2 で動作します。 洗練されたPhotoShopのカラーピッカーＵＩ を
IFX Plus Insurance
There is a lot of hype and talk about home mortgages, reverse mortgages and ways to get the best deals on a current and future loan. Ever since the pandemic, the housing market has been going up and down like a garage door. So, with all of this activity the big question people are asking is, “When it comes to a reverse mortgage, what are my eligibility requirements?” Interesting thing is that a re
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Ext JS Blog - Ext v1.1 Released
IBM Developer
Build and implement a single sign-on solution
Build and implement a single sign-on solution
