[B! jquery][便利] morita_yのブックマーク

jQuery UIを使ってテーブルをドラッグ＆ドロップでソートできるようにする

jQuery UIを使ってテーブルをドラッグ＆ドロップでソートできるようにする方法を紹介します。テーブルをソートするには、jQuery UI Soatableを利用します。１．基本まず、jQueryのsoatable()を使ったテーブルのサンプルを示します。サンプルサンプルのコード（抜粋）は次のとおりです。 <script src="http://ajax.google apis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script> <script> $(function(){ $('tbody').sorta ble(); }); </script> <table> <thead> <tr> <

morita_y 2013/04/12

リンク

URLを簡単にパースできるjQueryプラグイン「jQuery-URL-Parser」

URLを簡単にパースできるjQueryプラグイン「jQuery-URL-Parser」「jQuery-URL-Parser」は現在のURLや指定したURLをパースして簡単にパラメータやディレクトリ名などを取り出せるjQueryプラグインです。投稿日2011年07月05日更新日2011年07月05日プラグインのダウンロードとインクルード「jQuery-URL-Parser」は下記URLからダウンロードできます。 jQuery-URL-Parser – GitHub jQueryプラグインですのでjQueryも忘れず読み込みます。 html <script src="http://ajax.google apis.com/ajax/libs/jquery/1.5.1/jquery.min.js" type="text/javascript"></script> <script type

morita_y 2012/01/23

リンク

全画面のプレゼンを実装できるjQueryプラグイン「Jquery.ascensor.js」:phpspot開発日誌

Jquery.ascensor.js 全画面のプレゼンを実装できるjQueryプラグイン「Jquery.ascensor.js」全画面でスライドが切り替わりつつ２次元のスライド移動が可能な機能を実装できるjQueryプラグインです。各スライドはDIVで記述するので簡単です。スライド画面右下にスライドのマップのようなものが表示され、これをクリックすることでも移動することが可能です。単なる横方向のプレゼンではなくて、なかなかオシャレで目を引くプレゼンが作れそうですスライド切り替えはアニメーションされます。個人的にも、いつものPowerPointをやめてこういうのでやりたいですね関連エントリ JavaScriptでプレゼンテーションを作る際に使えそうなjQueryプラグイン「Fathom.js」 WEB上で動くプレゼンテーションを作る際に便利なjQueryプラグイン「Awkward

morita_y 2011/10/14

リンク

DropCatch.com

morita_y 2010/10/01

リンク

複数のブロック要素の高さを揃えてくれる「fixHeight.js」をアップデートしました | BLOG | STARRYWORKS inc.

以前作ったブロック要素の高さを揃えるのに便利な「fixHeight.js」というJavaScriptを大幅に改良して、アップデートしました。以前の細かいオプションを廃止し、高さを揃えたい要素たちの親要素に「fixHeight」というクラスを付与すれば、行ごとのグループを自動で判断して高さを揃えてくれます。 jQueryプラグインの形にしたので、$("selector").fixHeight();として呼び出すこともできます。なお、以前のバージョンと互換性はありませんのでお気をつけください。 fixHeight.jsはSimpleLibのプラグインとしても提供しています。SimpleLibの他のエフェクトやプラグインなどと併用する場合は、SimpleLibに同梱されているものをご利用ください。 http://lab.starryworks.jp/js/simplelib/ ダウンロード