jQuery Plugins

15 件の記事

jQueryAutoHeight.js v0.04 - jQuery 1.9 以降に対応

当ブログで3年くらい前から公開している「jQueryAutoHeight.js - 複数のカラムの高さを最大値にそろえるjQueryプラグイン」を、jQuery 1.9 以降(1.x系)に対応させました。 動作や機能に変更はありません。 jQuery では、だいぶ前から非推奨だった「jQuery.browser」が、1.9 からとうとう使えなくなりました。 jQueryAutoHeight.js ...

jQuery で要素に複数のクラスが指定されているか調べる .hasClasses()

jQuery で、対象要素にクラスが指定されているかを調べるには、.hasClass() というメソッドを使います。 このメソッドは、引数に指定したクラス名が対象要素に指定されている場合は true を返し、指定されていない場合は false を返すメソッドです。 しかし、この .hasClass() は、渡された文字列を検索するだけなので、一つのクラス名についてしか調べることができません(場合に...

jQuery Multi-checkbox 0.03 アップデート - 「ラベル名は日本語、保存される値は英語」を指定可能に

当ブログで公開している「jQuery Multi-checkbox - テキストフィールドを複数選択チェックボックスに変えるjQueryプラグイン」をアップデートしました。 今回のアップデートで、「ラベル名は日本語で、保存される値は英語で」というのが可能になりました。 詳細は以下のページの「label オプションで値を設定する2(ラベルと保存される値を変えたい場合)」をご確認ください。 jQue...

jQuery Search Box 0.03 アップデート - 検索対象を選択可能に!もちろんカスタムフィールドもOK

昨夜公開したばかりの、かつ今朝アップデートしたばかりの「jQuery で実現する高速キーワード検索とタグ検索(Movable Type 版)- jQuery Search Box」なんですが、またまたアップデートしました。すいません、どうも公開してから再び燃えてくる性分のようで。。。 今回は、検索対象を一つに限定できる機能を追加しました。...

jQuery Search Box 0.02 アップデート

昨夜公開したばかりの「jQuery で実現する高速キーワード検索とタグ検索(Movable Type 版)- jQuery Search Box」なんですが、検索用の JSON の読み込みが完了する前にクリックされると何も起こらない状態だんたんですね。 個人的には、まあいいかなーと思ってしまっていたんですが、@BUN さんから次のようなつぶやきを頂きました。 @tinybeans 例えばですけど。...

jQuery で実現する高速キーワード検索とタグ検索(Movable Type 版)- jQuery Search Box

このブログの検索を自作の jQuery プラグイン「jQuery Search Box」に変えてみました。 まだまだイマイチなコードなんですが、とりあえずキーワード検索に加えてタグ検索も出来るようにしたので、記事にしてみます。タグ検索の方は結構お気に入りです。...

jQueryAutoHeight.js をフォントサイズを変更しても高さがそろうように使う

当ブログで公開している「jQueryAutoHeight.js - 複数のカラムの高さを最大値にそろえるjQueryプラグイン」を、フォントサイズが変更されたときにも高さがそろうように使う方法を紹介します。 ボックスの高さをそろえる JavaScript ライブラリといえば、to-R さんの「heightLine.js」が有名ですね。 このライブラリの中で使われているフォントサイズの変更を取得する...

jQuery Multi-checkbox アップデート - labelオプションでチェックボックス項目を指定可能

昨日公開した「jQuery Multi-checkbox - テキストフィールドを複数選択チェックボックスに変えるjQueryプラグイン」ですが、少しアップデートしました。 最初の仕様は、<input type="text" /> に title 属性を設定することが前提でした。しかし、CMS の管理画面(主にMTを意識しているんですけど)では、title 属性を設...

普通のinput:textを複数選択チェックボックスに変えるjQueryプラグイン - jQuery Multi-checkbox

昨日の「jQueryでボックスの中の画像の縦位置を中央に揃える」に引き続き、今日も jQuery ネタです。 今日は、普通の input type="text" を複数選択チェックボックスに変えてくれる jQuery プラグインを書いて見ました。選択されたチェックボックスの値が、元のテキストフィールドにカンマ区切りで入力されます。 利用シーンはあまりないかもしれませんが、チェッ...

jQueryでボックスの中の画像の縦位置を中央に揃える

商品のサムネイルや商品名を入れたボックスを並べて、商品一覧などを作ることって結構あるのではないでしょうか。 そんなとき、写真のサイズが決まっていれば何の問題もありませんが、縦長だったり横長だったりする写真が混在するとき、それらの写真をボックスの中央に配置するのって結構面倒じゃないですか? 左右中央に配置するのは問題ありませんが、縦を中央に配置するのが結構厄介です。 そこで、そのような場合の縦位置を...