Latest Posts Under: jQuery/JavaScript

Railsのバージョンを3.2.13に上げたら、jQueryのバージョンも上がって1.10.1になってた。
チェックボックスの値は

if($("#ruby").attr('checked')){
	...
}

という感じで取得してたんだけど、うまく動作しなくなってしまった。

チェックボックスにチェックがついていても.attr('checked')undefinedを返している。

そして、よく調べると.attr('checked')は状況によって挙動がことなるので使わない方がよいことがわかった。
かわりに.prop('checked')を使用した方がよい。

続きを読む

jQueryでJSONPを読み込んでいるライブラリがあったので、どんな動作をしてるのかと思って基本的なところから動作確認をしてみた。

まずは静的なJSONファイルを作成して読み込むところから始める。
続きを読む

先ほど”jQuery/JavaScriptによる画像リサイズ“というポストをしたばかりなんだけど、もう少しjQueryを使えばキャッシュ回避をしなくてもよくなったので、改めてポストしておく。

改善点

  • 余計な画像ダウンロードが必要なくなる
  • リサイズをしてから画像表示する

続きを読む

【追記】この記事をポストした後にもう少しよい方法が見つかったので次の記事を参照してください。
jQuery/JavaScriptによる画像リサイズ その2

JavaScriptとjQueryを使って、だいたいのブラウザで動作する画像をリサイズする方法をいろいろ試していた。

Firefoxだと画像の幅が取得できないということはないけど、リサイズが効く前に画像が表示され画像が一瞬大きく表示されてしまう。

若干気持ち悪さは残るが、今のところ表示時に”display: none”で対応するのがよさそう。

一瞬画像が大きく表示されてしまうのは避けたいということと、ブラウザ毎の条件分岐はあまりしたくないというところを条件に作ってみた。
続きを読む

最近、jQueryを少しずつ使うようになって、記事をいくつか書いてきたんだけど、せっかくなので実際に動くデモも表示したいと思っていた。

そこで、記事にJavaScriptのコードを入れてみたんだけど、なんだかうまく動かない。。。

記事中の文字はWordPress内でpタグで囲われたり勝手に改行されたりするのが原因らしい。

最初はちょっとあきらめてデモのスクリーンショットを貼ったけれど、なんだか格好悪いので、カスタムフィールドを使ってどうにかしてみた。
続きを読む

ブログにHTMLコードを貼り付けるときpreタグでもエスケープしないとうまく表示されない。

JavaScriptでエスケープする方法を調べてみたら、手動で置換してたり一行にしか対応してなかったり、空白が全部 になったり、あまり思ったような物がなかった。

WordPressではビジュアルモードにコードを貼り付けた後、HTMLモードにすればエスケープしてくれるんだけど、jQueryでもHTMLをエスケープできるといいなと思い、ツールを作ってみた。
続きを読む

既存のコードをあまり変えずにPOSTしたい場合や、そのまま書くとformタグがネストしてしまう時にjQueryだけでPOSTできたら嬉しいかなと思い、その方法を調べてみた。

AjaxではなくformタグでPOSTしてページ遷移するのと同じ状況にしたい。
続きを読む

追記: 2012/01/24

続きを読む

Scroll To Top