このブログでは、金沢市在住のプログラマ/サーバエンジニア 黒川 仁がWeb技術っぽい記事を書いています。
Railsのバージョンを3.2.13に上げたら、jQueryのバージョンも上がって1.10.1になってた。
チェックボックスの値は
if($("#ruby").attr('checked')){
...
}
という感じで取得してたんだけど、うまく動作しなくなってしまった。
チェックボックスにチェックがついていても.attr('checked')がundefinedを返している。
そして、よく調べると.attr('checked')は状況によって挙動がことなるので使わない方がよいことがわかった。
かわりに.prop('checked')を使用した方がよい。
jQueryでJSONPを読み込んでいるライブラリがあったので、どんな動作をしてるのかと思って基本的なところから動作確認をしてみた。
まずは静的なJSONファイルを作成して読み込むところから始める。
“jQuery $.getJSONによるJSON・JSONP読み込み” の続きを読む
先ほど”jQuery/JavaScriptによる画像リサイズ“というポストをしたばかりなんだけど、もう少しjQueryを使えばキャッシュ回避をしなくてもよくなったので、改めてポストしておく。
【追記】この記事をポストした後にもう少しよい方法が見つかったので次の記事を参照してください。
jQuery/JavaScriptによる画像リサイズ その2
JavaScriptとjQueryを使って、だいたいのブラウザで動作する画像をリサイズする方法をいろいろ試していた。
Firefoxだと画像の幅が取得できないということはないけど、リサイズが効く前に画像が表示され画像が一瞬大きく表示されてしまう。
若干気持ち悪さは残るが、今のところ表示時に”display: none”で対応するのがよさそう。
一瞬画像が大きく表示されてしまうのは避けたいということと、ブラウザ毎の条件分岐はあまりしたくないというところを条件に作ってみた。
“jQuery/JavaScriptによる画像リサイズ” の続きを読む
最近、jQueryを少しずつ使うようになって、記事をいくつか書いてきたんだけど、せっかくなので実際に動くデモも表示したいと思っていた。
そこで、記事にJavaScriptのコードを入れてみたんだけど、なんだかうまく動かない。。。
記事中の文字はWordPress内でpタグで囲われたり勝手に改行されたりするのが原因らしい。
最初はちょっとあきらめてデモのスクリーンショットを貼ったけれど、なんだか格好悪いので、カスタムフィールドを使ってどうにかしてみた。
“カスタムフィールドでJavaScriptを記事に埋め込む WordPress” の続きを読む
ブログにHTMLコードを貼り付けるときpreタグでもエスケープしないとうまく表示されない。
JavaScriptでエスケープする方法を調べてみたら、手動で置換してたり一行にしか対応してなかったり、空白が全部 になったり、あまり思ったような物がなかった。
WordPressではビジュアルモードにコードを貼り付けた後、HTMLモードにすればエスケープしてくれるんだけど、jQueryでもHTMLをエスケープできるといいなと思い、ツールを作ってみた。
“jQueryでブログ貼り付け用にHTMLコードをエスケープする” の続きを読む
既存のコードをあまり変えずにPOSTしたい場合や、そのまま書くとformタグがネストしてしまう時にjQueryだけでPOSTできたら嬉しいかなと思い、その方法を調べてみた。
AjaxではなくformタグでPOSTしてページ遷移するのと同じ状況にしたい。
“jQueryでformを作成してPOST(submit)する” の続きを読む
