jQuery $.getJSONによるJSON・JSONP読み込み

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

まずは静的なJSONファイルを作成して読み込むところから始める。
“jQuery $.getJSONによるJSON・JSONP読み込み” の続きを読む

jQuery/JavaScriptによる画像リサイズ その2

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

改善点

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

“jQuery/JavaScriptによる画像リサイズ その2” の続きを読む

jQuery/JavaScriptによる画像リサイズ

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

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

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

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

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

jQueryでブログ貼り付け用にHTMLコードをエスケープする

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

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

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

WordPressでjQueryが動作しない “$ is not a function”

追記: 2012/01/24

“WordPressでjQueryが動作しない “$ is not a function”” の続きを読む