次のコードは正しく動作しますが、サーバやブラウザの設定によってはデータを更新してもキャッシュが読まれてしまいます。 $.ajax({ type: 'GET', dataType: 'json', url: 'hoge.json', success: function(data) { concole.log(data); }); これを避けるには …

一定以上のサイズの画像が自動的に最大幅以内に収まるように jQuery UI で制御します。 CSS の準備 まずはスタイルシートにサムネイル用のクラスを記述します。ここでは最大幅は 640 px とし、分かりやすいよう枠の表示とマウスカーソルの変更も行いました。…

表題の件について datepicker の導入を例に説明します。 まずは Gemfile を更新。 gem 'jauery-rails' この下に gem 'jauery-ui-rails' を追加します。終わったら bundle install をお忘れなく。 次に app/assets/javascripts/application.js を更新。 // re…

jQuery 1.9 を用いて textarea の現在のカーソル位置にテキストを挿入します。動作は IE 6 〜 9, Chrome, FireFox の最新版で確認。 function insertAtCaret(target, str) { var obj = $(target); obj.focus(); if(navigator.userAgent.match(/MSIE/)) { var…

acts_as_taggable_on は便利なプラグインですが、デフォルトでは「tag1,tag2,tag3」のようにタグを半角カンマで区切った入力を行うため、一般のユーザ向けとは言えません。そこで jQuery を使って入力補助を行います。Rails 4.0 + Ruby 2.0 で検証しました。…

非常に恥ずかしい勘違いをしていたのでメモとして残しておきます。jQuery を使って li タグに click イベントをバインドする時に、次のようなコードを記述してみます。 $(document).ready(function() { var i = 0; $("li").each(function() { alert(i); $(th…

Rails 3.1 から利用可能になった CoffeeScript で、以下のような JSON ファイルを読み込んでみます。 [ {"title": "ひとつめ", "value": 1}, {"title": "ふたつめ", "value": 2}, {"title": "みっつめ", "value": 3} ] jQuery を使って値を表示すると、この…

本題に入る前に、そもそも RJS とは何なのかを説明すると、本来 jQuery の $.ajax() などを使ってごりごり書かないといけなかった JavaScript による非同期通信をフレームワーク側で吸収して、通常の html ビューのレンダリングと同じ感覚で記述できるように…