Javascript
Bootstrapのデフォルト、Font Awesome、Ligature Symbolsの3つのアイコン一覧
簡単だ!! bootstrapと参考サイトに感謝。
rails標準の確認プロンプトはかっこ悪いので、BootStrapのモーダルを使うようにカスタマイズした。data-confirm属性を持っているとこのモーダルが使われるようになった。また、data-confirm属性の内容にhtmlタグ付きの文字列をセットすることで、確認プロン…
tableにフォーカスがあるとき、方向キー(矢印キー)でTD要素のフォーカスを上下左右の隣接TD要素に移動するようにした。
要素を点滅させる。簡単なのでぜひ使おう。
フォームで入力中にEnterキーでsubmitしてしまうのを防ぐ方法。
ajax送信中だけ「now loading...」のメッセージを出す方法。
フォームで編集中にEnterキーでサブミットされるのを防ぐ。
キーイベントを拾ってjavascriptを動かしたいときに、ブラウザ毎でkeyDown,keyPress,keyUpがどう使われて、キーコードがどうなるか微妙に違う。 実際にキーを打ってみると分かってくる。
Railsのクエリで N+1問題 が発生したら警告を出してくれるGem. 1.Gemfileに追加 group :development do gem "bullet" end 2.設定ファイルに追加 config/environments/development. config.after_initialize do Bullet.enable=true #Bulletプラグインを有効…
助かるわー、このサイト。 参考サイト http://js2coffee.org/
イカした画面遷移。とても簡単で良い。 遷移が重いケースでも有用かもしれない。 参考サイト http://black-flag.net/jquery/20110921-3462.html
見つけたこれだ!! イカしている。 参考サイト http://ivaynberg.github.io/select2/ http://www.webopixel.net/javascript/749.html railsからデータをjavascriptに渡してこのセレクトボックスに表示しよう。素敵だ。 データを渡すのはGon gemが良いかも。 …
image-picker http://rvera.github.io/image-picker/ 参考サイト http://phpspot.org/blog/archives/2013/01/jqueryimage_pic.html