Web 開発 / JavaScript

48 件の記事

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でボックスの中の画像の縦位置を中央に揃える

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

jQueryのloadメソッドなどでインクルードした要素にfaceboxを適用するときは?

コメントで以下のような質問を頂きました。 thickboxなど、(loadなどで)読み込んだ部分に対して指定したjQueryが機能しませんでした。 初めからある方は機能し、読み込んだ部分のみ機能しません。 厳密な話は抜きにして、loadなどで読み込んだ部分は、最初に thickbox などを適用させるときにはまだ存在していないため、これらの要素には thickbox などの機能は適用されないんです...

複数のボックスの高さを自動で揃えるjQueryプラグイン - 1行ごとに揃えることもできるよ

タイトルそのまんまの jQueryプラグインを書いてみました。 このプラグインは、次の2通りの方法で、複数のボックスの高さを自動的にそろえてくれます。 セレクタで指定したすべての要素を、その中の最大値に揃える セレクタで指定した要素を、引数で渡した数ごとに、その中の最大値に揃える この手のプラグインは、すでにたくさん出回っていますが、それぞれのメリットとデメリットを調べるのが面倒だったので、と...

Ajax風にファイルをアップロードするjQueryプラグイン「Uploadify」の使い方

Ajax風(?)なファイルのアップローダーは多々あります。その中でも、この「Uploadify」はかなり使いやすそうです。 画面遷移なしでファイルをアップロードできるのはもちろんのこと、アップロードの進行状況も見られたり、複数ファイルのアップロードにも対応していたりと、非常に良い感じです。また、アップロード完了後やファイルの選択後の振るまい、重複ファイルのチェックなど、色々とオプションの設定が出来...

jQuery.proxy() って便利ですね

なんだか頻繁に絡んで申し訳ないと思いつつも、THE HAM MEDIAさんのところで、「jQuery1.4から追加されたjQuery.proxy()を試してみる」というすごく分かりやすい記事があり、僕も勉強させていただいたので、エントリーしてみます。 jQuery1.4から追加されたjQuery.proxy()を試してみる | THE HAM MEDIA ちなみに、ここではハムさんの記事を読んで...