jQuery
Button, Datepicker, Dialog, Draggable, Droppable, Effects, Mouse, Widget Factory モジュールのバグフィックスが行われました。 詳細：jQuery UI 1.8.16 Changelog | jQuery UI 記事：jQuery UI 1.8.16 | jQuery UI Blog ダウンロード： 【jQuery UI バ…
Datepicker, Slider, Mouse モジュールのバグフィックスが行われました。 詳細：jQuery UI 1.8.15 Changelog | jQuery UI 記事：jQuery UI 1.8.15 | jQuery UI Blog ダウンロード： 【jQuery UI バンドル】 http://jquery-ui.googlecode.com/files/jquery-ui…
いくつかのバグフィックスが行われました。 詳細：jQuery 1.6.2 Released | Official jQuery Blog ダウンロード：jQuery jQuery CDN http://code.jquery.com/jquery-1.6.2.js http://code.jquery.com/jquery-1.6.2.min.js Microsoft CDN http://ajax.aspnetc…
各種バグフィックスが行われました。 詳細：jQuery UI 1.8.14 Changelog | jQuery UI 記事：jQuery UI 1.8.14 | jQuery UI Blog ダウンロード： 【jQuery UI バンドル】 http://jquery-ui.googlecode.com/files/jquery-ui-1.8.14.zip 【CSS Framework テーマ…
各種バグフィックスが行われました。 詳細：jQuery UI 1.8.13 Changelog | jQuery UI 記事：jQuery UI 1.8.13 | jQuery UI Blog ダウンロード： 【jQuery UI バンドル】 http://jquery-ui.googlecode.com/files/jquery-ui-1.8.13.zip 【CSS Framework テーマ…
1.6 系になって初のアップデートです。 1.6 で追加された .prop() メソッドと既存の .attr() メソッドは、プロパティと属性の違いは何か、どちらを使えばいいのかという大きな議論を呼んだそうです。 1.6.1 では、従来から使えた .attr() メソッドはそのまま…
Attributes 系モジュールで大きな修正が施された他、パフォーマンスの向上がなされたようです。 詳細：jQuery 1.6 Released | Official jQuery Blog（記事の下方） ダウンロード：jQuery jQuery CDN http://code.jquery.com/jquery-1.6.js http://code.jquer…
jQuery を使ってクライアントサイドで HEAD リクエストを作成したい場合、jquery.ajax_head.js プラグインが使えます。HEAD は URI リソースのヘッダ情報のみを取得するメソッドです。 コンテンツが含まれないため、URI リソースの存在確認等に使用します。 …
まずはこちらをご覧ください。 これは 2 カラム構成のサイトで、左と右のカラムの画像を lazyload するように設定してあります。 しかし、右側のカラムは既に読み込み開始してもいい位置にあるにも関わらず、なかなか読み込まれない状態にあります。 このと…
jQuery 『jQuery クックブック』レシピ 5.10 より高速なセレクタを作成する (P.109) には以下の記述があります。 <table id="log"> <tr><td>Client X:</td><td class="clientX"></td></tr> ... </table> // クラス .clientX を取得する jQuery セレクタ $('.clientX') // 遅い $('td.clientX') // 速いかもしれない $('#log .clie…
index() メソッドで目的のインデックスがなかなか取得できないときに参考にしてください。例えば選択した DOM 要素が、兄弟要素の何番目に当たるのか。 jQuery.index(Element or jQuery) メソッドは該当するインデックス番号を返すが、何も見つからなければ …
Google の検索エンジン（クローラ）は、Ajax ページのコンテンツを動的に取得できないため、開発者が別途、検索エンジン用のページを作ってやる必要があります。 ハッシュフラグメント #! で検索エンジンに知らせる場合 Ajax ページはしばしば、ハッシュ値 #…
jQuery のコード構成は独特なため、多くのテキストエディタでインデント等の不都合が生じます。代表的なテキストエディタ Emacs もその例外ではなく、より効率的に jQuery コードを書くためには espresso-mode のようなプラグインを読み込ませる必要がありま…
JSON では、異なるドメインのサーバからデータを取得することができないません。 また、現在の URL かそのサブドメインからしかデータを取得することができません。 従って、同じサーバであっても、/ranking から /json の JSON データを取得することはでき…
QUnit という jQuery ユニットテスト用ライブラリがあります。テスト用の HTML ファイルを別途用意し、test(name:String, test:Function) でテストケース関数をキューに追加していきます。 テストは HTML ファイルをブラウザで開くと同時に実行され、div#qun…
掴み所のない jQuery API を以下のような画像で表現してはどうかと構想中です。 これなら戻り値が String オブジェクトなのか jQuery オブジェクトなのかが一目瞭然。 何か文字が認識しにくい気がするのは、きっと気のせい・・・
Ajax リクエストをキューに入れて順序を制御する場合、Ajax Queue プラグインが利用されます。 // // jquery-ajax-queue_1.0.js // // レスポンスが返るまで次のリクエストを実行しない（一つずつ順番に処理） jQuery.ajaxQueue({ url: "test.php", success:…
black-tie Google Ajax Libraries API (CDN) http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/black-tie/jquery-ui.css Microsoft Ajax CDN (CDN) http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.16/themes/black-tie/jquery-ui.css
Ajax で取得した JSON データから、HTML 要素の適切な位置に値をセットしてくれるテンプレートエンジン Pure があります。 これは、JSON データの属性と対応するクラス名を持つ HTML 要素に、値の関連付けを行います。 テンプレート用の DOM 要素として、以…
YouTube を見てみると、120×90px のサムネイル画像が 16:9 のハイビジョンと同じ比率で表示されています。before: 120px * 90pxafter: 128px * 72px (16:9)今回は HTML と CSS で画像を横長に切り取って表示させる方法と、jQuery UI で角丸の枠を追加する方…
jquery.cycle JQuery Cycle Pluginサンプルとして、以下のような .slideshow クラスにスライドショーを適用します。 今回は、jquery.cycle を利用するにあたって、CSS 設定を用いたサンプルと、jQuery だけを用いたサンプルの２つを用意しました。 CSS を使…
$.get() や $.load() 等の Ajax メソッドで画像を取得し、jquery.cycle プラグインでスライドショー表示させようとするも、なかなか上手くいかない場合、Firebug に [cycle] terminating; zero elements found by selector が出ているのではないでしょうか。…
クライアント側 (jQuery) で YouTube のフィードを取得したい場合、JSON 形式であれば簡単です。 例として http://gdata.youtube.com/feeds/api/videos のフィードを取得する際は次の通り。 $(document).ready(function() { var uri = 'http://gdata.youtube…
その名も Line Menu です。jQuery を使ってアニメーションを強く意識した仕様となっています。http://testwebframes.appspot.com/preview?id=lineできれば以下のような動作を実現したかったのですが、JavaScript に不慣れなため、それっぽい動作しか実装でき…
