$(window).width() と $(document).width() 違い
$(window).width() と $(document).width() や $(window).height() と $(document).height() がどういう時に違う値を返すかわからなかったので検索したら Stack Overflow に簡潔でわかりやすい説明がされてたので紹介します。 When you have a scrollbar on the webpage....
View ArticlejQueryでマウスの右クリック、左クリックを判断する
jQuery を使って 「クリックされた時に左なら要素を消して、右なら何もしない。」 という動作をさせようと思ったら日本語だと検索してもすぐに答えが出てこなかったので、また stackoverflow から解説を紹介します。 実際のコードがこちら。$('#element').mousedown(function(event) { switch (event.which) { case 1:...
View Articlejavascript で大文字、小文字を無視して文字列比較
javascript で大文字、小文字を区別しないで文字列比較がしたい時は、そういう演算子は用意されてないので toLowerCase() で全部小文字にして比較しちゃいましょう。 こんな感じ。 function check(){ foo="ABC"; bar="abc"; if(foo.toLowerCase() == bar.toLowerCase()){ //大文字小文字を無視...
View ArticleJqueryとHTML5でajaxなファイルのアップロード
画面遷移無しでファイルのアップロードしようと思ったらiframeを使った技とかややこしい情報が色々出てきて、なかなかやりたいことに辿りつけなかったのでメモ。 やりたい事と条件 ・ajaxなテキストファイルのアップロード ・テキストをRubyで編集して返す ・画面遷移せずに結果を表示 ・IEは諦める。 必要最低限のコード まずHTMLを用意 ajaxupload.html...
View Articlecoffee script を Emacs の smart compile を使ってjsの出力結果を出す
Railsのプロジェクトで coffee script を使うけどもコンパイルは全て Asset pipelineがやってくれるので、たまに変換結果の js をちょっと見てみたい時に困った事になります。 なのでEmacsの smart compile の機能を使ってすぐに 出力結果を得られるようにしてみました。 解決策 coffee -pで標準出力に変換結果を出力してくれるので...
View ArticleAjaxで使えるロード画面のgif画像を生成できるサイト
以前使ったAjax用の load.gif の背景が透過されてなかったので、背景が透過されたの探してたらそういう … Read More →
View Articlerails の `blank?` メソッドを jQuery に追加する方法
rails には 値の有無をチェックするときにタブやスペースなどの空白が入っていても「空」だと判断する便利な blank? 関数が用意されていますが、どうやら JavaScript や jQuery には用意されてないので追加してみました。 自分で書いた後にもっと良さそうなコードを見つけたのでそちらを紹介します。 JavaScript $.fn.isBlank = function() {...
View ArticlejQueryで要素の存在を確認する `isExist()` と `isNotExist()` を定義する
jQuery で選択した要素が存在するかどうかの関数が何故か用意されてないようだったので追加しました。 CoffeeScriptで書いてるのでjavascriptとして使いたい場合は converter にかけてください。 $.fn.isExist = -> $(@).length != 0 $.fn.isNotExist = -> $(@).length == 0 参考 How to...
View Article動的に追加したDOM要素にhoverイベントリスナーを追加する
かなりハマったのでappend()などを使って動的に追加したHTMLの要素にhoverイベントを追加する方法を残しておきます。説明は全部 coffee script で書いてるので生のJSが良い人は自動変換サービスでもをつかってください。 前提となる知識 まず基本として $('#foo').click -> console.log "押された!" のように #foo に対して click...
View ArticleRails+Angular.js で InvalidAuthenticityTokenエラーが出るときの対処法
RailsのDBからGETでデータの呼び出しはできるけど、PUTで値の追加ができなくてこんなエラーに成った時の対処法 Completed 422 Unprocessable Entity in 126ms ActionController::InvalidAuthenticityToken - ActionController::InvalidAuthenticityToken: 原因...
View Article
More Pages to Explore .....