Add advanced interaction controls to your HTML tables the free & easy way
Tableにソート機能などをつけるプラグイン「DataTables」を実装する 2012年5月29日更新 Tableにソート機能などをつけるjQueryのプラグイン「DataTables」の基本的な導入方法と、自分のサイトに合わせて設定したカスタマイズ部分の記述についてのメモ書き。 DataTablesの導入方法 DataTablesのサイトhttp://datatables.net/のダウンロードページからDataTablesのパッケージを入手する（自分の時はバージョン1.9.1が最新版）。 ZIPで圧縮されているので、解凍する。解凍するとフォルダ内にmediaという名前のフォルダがあり、階層の中にはCSSやJavascriptのファイルが格納されている。 基本的に、demo_table.css、jquery.dataTables.js、jquery.jsの3つのファイルを読み込み、テー
DataTablesプラグインとは tableタグを装飾してくれるjQueryプラグイン。 http://www.datatables.net/ 他のtableタグを装飾してくれるプラグイン 「Flexigrid」 http://flexigrid.info/ 「Ingrid」 http://www.reconstrukt.com/ingrid/index.html ちなみに、これらを知った経緯は「jquery table」でググって出てきた この記事を見たから。 http://www.designwalker.com/2009/09/jquery-table.html どうしてこのプラグインを選んだか サンプルプログラムやAPIなどがまとめられており、ドキュメントがしっかりしているから。 これに尽きる。 Flexigridは機能は良いが、ドキュメントが見つからなかったので使用をやめた。
面倒なので更新が遅れがちだった記事リストをGoogle Driveと自動連動させてみました。jQueryとDataTablesを使っているので、サクサクと並び替えやフィルタ、ページ移動ができます。いろいろ応用ができそうなので、方法についてメモしておきます。 1. スプレッドシートを作成し公開まずGoogleドライブ上でスプレッドシートを作成します。実際に作ったシートを見る ※シートを分けたりVLOOKUPしたりしてますが、普通にべた書きでもokです。1行目はJSON中の項目名になるので、英数字にしておきます。 次に、「ファイル」メニューの「ウェブに公開」で公開します。「共有」ではなく「公開」です。 2. jQueryプラグイン「DataTables」をインストールjQueryとDataTablesをダウンロードし、ページにリンクします（headにscriptタグを追加）。 以下はGoogl
Social Button (e.g. Facebook, Twitter, mixi, GREE) this plugin is the easiest way to implement "share" buttons (links to social networking services, like facebook etc.) to your website. Available Services Facebook / Like button http://developers.facebook.com/docs/reference/plugins/like Twitter / Tweet Button http://twitter.com/goodies/tweetbutton mixi / mixi check http://developer.mixi.co.jp/conne
linq.jsってデバッグしにくいかも……。いや、やり方が分かればむしろやりやすいぐらい。という解説を動画で。HDなので文字が見えない場合はフルスクリーンなどなどでどうぞ。中身の見えないEnumerableは、デバッガで止めてウォッチウィンドウでToArrayすれば見えます。ウォッチウィンドウ内でメソッドチェーンを繋げて表示出来るというのは、ループが抽象化されているLinqならではの利点。sortしようが何しようが、immutableなので元シーケンスに影響を与えません。ラムダ式もどきでインタラクティブに条件を変えて確認出来たりするのも楽ちん。 ところで、JavaScript開発でもIDE無しは考えられません。デバッグというだけならFirebugもアリではありますが、入力補完や整形が可能な高機能エディタと密接に結びついている、という点でIDEに軍配があがるんじゃないかと私は思っています。動
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
とあるとこで、とある話をしたので、とあるスライド置いときますよ。 要点を言うと、jQuery MobileでAjax遷移してると、普通にGoogle Analytics置いてても作動しないから気をつけてねって話です。 GATC for jQuery Mobile 僕はこうゆう感じでとりあえず対応しています。作動させるタイミングとフラグメント識別子を記録させるのがポイントです。あとはご自身のサイトに合わせてカスタマイズしていただければと思います。 //Account Setting var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-xxxxxxx-x']); //Async Snippet (function () { var ga = document.createElement('script'); ga.async = true;
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く