JavaScript などに関すること
たぶん jQuery を使い始めたばかりの人はあまり使わないであろう .end() メソッドですが、これ、かなり便利なんですよね。 僕も最初はあまり使っていませんでしたが、最近は積極的に使っています。ソースも短くかけるうえに、パフォーマンス的にも良いので是非使っていきたいメソッドです。 今回は、簡単な例で .end() を紹介してみます。 ...
flexibleSearch.js とは、柔軟で高速な Ajax 検索を実現する jQuery プラグインです。 僕が検索に求める２大要素は「速さ」と「精度」です。このブログで公開している「jQuery で実現する高速キーワード検索とタグ検索（Movable Type 版）- jQuery Search Box」という jQuery プラグインは、個人的には、その２大要素をある程度のレベルで満た...
なぜか衝動買いしてしまった JavaScript の入門書『マンガでわかるJavaScript』を読みました。 専門書の場合、マンガが載っていても結局内容は難しいという本はよくありますが、この本は違うと思いました。 説明が分かりやすくて丁寧で、図もイメージしやすくて理解を助けてくれたり、ソースコードにも丁寧にコメントが書かれていたりと、すごく分かり易いです。 また、内容が必要最小限に絞られている...
「jQuery で要素に複数のクラスが指定されているか調べる .hasClasses()」の逆バージョンです。セレクタで指定したクラスがすべて設定されていない場合に true を返し、一つでも設定されていれば false を返します。 jQuery.fn.extend({ hasClasses: function(selector) { if (typeof selecto...
jQuery で多数の要素を生成して別の要素に追加する場合、どんな書き方が速いのかなーと思って試してみました。 今回は、3,000回ループを回して既存の要素に追加していくというのを、パッと思いつく感じの6パターンで試してみました。 サンプル（※モダンブラウザ以外では実行しない方が良いです！） ...
jQuery で、対象要素にクラスが指定されているかを調べるには、.hasClass() というメソッドを使います。 このメソッドは、引数に指定したクラス名が対象要素に指定されている場合は true を返し、指定されていない場合は false を返すメソッドです。 しかし、この .hasClass() は、渡された文字列を検索するだけなので、一つのクラス名についてしか調べることができません（場合に...
今『jQueryクックブック』を読んでいるんですけど、この本すごくいいですね。こういう jQuery の本が欲しかったんだよな〜という感じで大満足しながら読んでます。 さて、jQuery で要素のスタイルを確認するとき、.css( propertyName ) メソッドを使って値を取得できますね。 例えば、フォントサイズを取得するとき、propertyName は「font-size」でも「fon...
当ブログで公開している「jQuery Multi-checkbox - テキストフィールドを複数選択チェックボックスに変えるjQueryプラグイン」をアップデートしました。 今回のアップデートで、「ラベル名は日本語で、保存される値は英語で」というのが可能になりました。 詳細は以下のページの「label オプションで値を設定する２（ラベルと保存される値を変えたい場合）」をご確認ください。 jQue...
当ブログで公開している「jQueryAutoHeight.js - 複数のカラムの高さを最大値にそろえるjQueryプラグイン」を、フォントサイズが変更されたときにも高さがそろうように使う方法を紹介します。 ボックスの高さをそろえる JavaScript ライブラリといえば、to-R さんの「heightLine.js」が有名ですね。 このライブラリの中で使われているフォントサイズの変更を取得する...
昨日公開した「jQuery Multi-checkbox - テキストフィールドを複数選択チェックボックスに変えるjQueryプラグイン」ですが、少しアップデートしました。 最初の仕様は、<input type="text" /> に title 属性を設定することが前提でした。しかし、CMS の管理画面（主にMTを意識しているんですけど）では、title 属性を設...
昨日の「jQueryでボックスの中の画像の縦位置を中央に揃える」に引き続き、今日も jQuery ネタです。 今日は、普通の input type="text" を複数選択チェックボックスに変えてくれる jQuery プラグインを書いて見ました。選択されたチェックボックスの値が、元のテキストフィールドにカンマ区切りで入力されます。 利用シーンはあまりないかもしれませんが、チェッ...
商品のサムネイルや商品名を入れたボックスを並べて、商品一覧などを作ることって結構あるのではないでしょうか。 そんなとき、写真のサイズが決まっていれば何の問題もありませんが、縦長だったり横長だったりする写真が混在するとき、それらの写真をボックスの中央に配置するのって結構面倒じゃないですか？ 左右中央に配置するのは問題ありませんが、縦を中央に配置するのが結構厄介です。 そこで、そのような場合の縦位置を...
先日公開した「jQueryAutoHeight.js - 複数のカラムの高さを最大値にそろえるjQueryプラグイン」を少しだけアップデートしました。僕のブログにしては、思っていたよりもブックマークされる数が多くて驚いている今日この頃です。...
コメントで以下のような質問を頂きました。 thickboxなど、（loadなどで）読み込んだ部分に対して指定したjQueryが機能しませんでした。 初めからある方は機能し、読み込んだ部分のみ機能しません。 厳密な話は抜きにして、loadなどで読み込んだ部分は、最初に thickbox などを適用させるときにはまだ存在していないため、これらの要素には thickbox などの機能は適用されないんです...
タイトルそのまんまの jQueryプラグインを書いてみました。 このプラグインは、次の２通りの方法で、複数のボックスの高さを自動的にそろえてくれます。 セレクタで指定したすべての要素を、その中の最大値に揃える セレクタで指定した要素を、引数で渡した数ごとに、その中の最大値に揃える この手のプラグインは、すでにたくさん出回っていますが、それぞれのメリットとデメリットを調べるのが面倒だったので、と...
Ajax風（？）なファイルのアップローダーは多々あります。その中でも、この「Uploadify」はかなり使いやすそうです。 画面遷移なしでファイルをアップロードできるのはもちろんのこと、アップロードの進行状況も見られたり、複数ファイルのアップロードにも対応していたりと、非常に良い感じです。また、アップロード完了後やファイルの選択後の振るまい、重複ファイルのチェックなど、色々とオプションの設定が出来...
いや、全然大したものではないのですが、自分が JavaScript のオブジェクトの中身を見たい時に、たまに使っているコードを jQuery のプラグインの形にしてみました。...
なんだか頻繁に絡んで申し訳ないと思いつつも、THE HAM MEDIAさんのところで、「jQuery1.4から追加されたjQuery.proxy()を試してみる」というすごく分かりやすい記事があり、僕も勉強させていただいたので、エントリーしてみます。 jQuery1.4から追加されたjQuery.proxy()を試してみる | THE HAM MEDIA ちなみに、ここではハムさんの記事を読んで...
THE HAM MEDIAさんのところで、JavaScript が ON のときだけ適用させる CSS はどうやって書くのが一番良いんだろうというのを連続して取り上げています。 JavaScript OFF環境に優しく？jQueryでCSSを追加 JavaScript OFF環境に優しく？ その２ JavaScript OFF環境に優しく？ その３ JavaScript OFF環境に優しく...
先日の「facebox.jsを使用してIE6だとセレクトボックスが前面に出てしまう件の対処法」に引き続き、今日も似たようなネタですが、この記事に、次のようなコメントを頂きましたので、その対処法を紹介します。 facebox.jsを使用してIE6だとセレクトボックスが前面に出てしまう件の対処法 - かたつむりくんのWWW ほっとひと安心したところまたひとつ問題が... 調べるとこれもIE6のバグ(未...