読者です 読者をやめる 読者になる 読者になる

jQueryの.data(key)はjQuery.parseJSONでparseできないときにobjectを返せないからstringを返すよ

「JavaScript部分にサーバ側で動的な値入れるのエスケープ考えないとだし嫌だよねー」 「htmlタグのdata属性使ってhtmlのエスケープだけ考えればいいようにしたいよねー」 とか思って <html data-name="monmon"> みたいなことよくやります。で、さらにjQueryなら <html data-obj='{"name":"monmon"}'> <script type="text/javascript"> console.log($('htm</html></html>…

Prototype.jsでjQueryにparents()みたいなことがしたければup()を使う

Prototype.jsとか久々に触ったので親要素辿るメソッド思い出せなかった。 「jQueryの場合はparents()だよなぁ」とか思い、ドキュメントを検索したけど出て来ず。 ググってもいいのが出て来なくて必死に探してしまった。 答えはhttp://api.prototypejs.org/do…

大きい数値を扱う時はjQuery.data()ではなくjQuery.attr()を使う

多分、他に方法がないのかなと思ったのでタイトルのようになりました。 jQueryではHTML5のdata属性が扱えて、たとえば twitterさんの発言:<span data-tweet-id="1">ほげほげ</span> みたいなHTMLがあった時に $('span').data('tweet-id') ってやれば「1」が取得できるのだけど、ここで得ら…

Web::Queryの使い方練習のためにApple Storeのnew製品を取得する

この種のライブラリとして Web::Scraper があるが、Web::Scraper の DSL をおもいだすまでにどうしても時間がかかりがちだったので、こういう風なのもいいかなとおもった。jQuery は日常的につかってるので、わすれないし。 わーぃ。いつもWeb::Scraper使う…

Prototype.jsでjQueryの.liveのような動きをする書き方

Ajaxで持って来たコンテンツに後からイベント追加したいなと思い、Prototype.jsにjQueryの.liveのような機能がないのかなと調べた。 結果、同じような質問があった。 後から生成された要素も含め、class="foo"を持つ要素に対してのclickイベントをjQueryで書…

"/var/mobile/Applications/*/MyApp.app/www//index.html" Would Like To Use Your Current Location"みたいな警告が毎回出た時の対処

YAPC::AsiaのときにオライリーブースでiPhoneアプリケーション開発ガイド ―HTML+CSS+JavaScript による開発手法を買いました。 ちょこちょこ読もうかなぁと思っていたのだけど、 薄いし、面白いし、1冊まるまる使って少しずつサンプルアプリの機能追加してい…

サーバ側の処理結果を待つローディング表示の作り方

昔のデータ整理してたらローディング表示っぽいJavaScriptが出てきたので貼り付け。 やってることは結構簡単で、サーバ側とクライアント側でそれぞれ以下のようなことをしてます。 サーバ側 リクエストを受け取ったら、ローディング表示になるHTMLを返し、同…

ブログ本文のHTMLにJavaScriptのサンプルコードを書き、それを読み込んでJavaScriptを実行する方法のメモ

jQueryのAPIを眺めてて、「そういえばこのサンプルで実行するiframe、実際にファイルがあるのかな?それともJavaScriptで動的に作ってるのかな?」と思って確認したのでメモメモ。確認してみたらやっぱりJavaScriptで動的にiframe作ってるみたいですね。 (…

jQueryと古いEffects.jsのArray.prototype.callがバッティングする問題を修正した

昔、jQueryを利用したブックマークレットを作ってて、 [Exception... "Component returned failure code: 0x80004005 (NS_ERROR_FAILURE) [nsIDOMViewCSS.getComputedStyle]" nsresult: "0x80004005 (NS_ERROR_FAILURE)" location: "JS frame :: jqueryのフ…

jquery.jsを読み解くを見て勉強(第3回分)

id:lesamoureuses:20080805:1217957807 id:lesamoureuses:20080809:1218269672 に引き続き第3回分。 jQuery.fn.map jQuery.mapに自身のjQueryオブジェクトと引数で受け取ってるcallback関数を渡し、 その結果(ただの配列)をスタックに入れてjQueryオブジェ…

jquery.jsを読み解くを見て勉強(第2回分)

id:lesamoureuses:20080805:1217957807に引き続き第2回分。 jQuery.fn.attr attr()は attr(name)というgetterと、 attr(name, value)というsetterと、 attr({name1: value1})というsetter がある。 追記: attr(name, fn)というsetterと、 attr({name1: fn1}…

jquery.jsを読み解くを見て勉強(第1回分)

第1回 jQueryライブラリ(1~171行目):jquery.jsを読み解く|gihyo.jp … 技術評論社 今さらだけど、何となくしか連載読んでなかったのでもう一回はじめから勉強してみる。 ってか、残しておかないと間違ってるかどうかもわからないし忘れる。 jQueryオブジ…

jQueryでCSSをappendしようとしたらクラッシュしてハマった

jQueryを利用してブックマークレットを作ってたのだけど、 Firefoxで上手くいって「さ、念のためIEもやるかぁ」みたいに確認してみたらクラッシュ。 何でエラー出てるのかわからず、あれ?あれ?ってなった。 で、確認していったらlinkタグをheadにappendす…

jQueryのgetJSONで文字コード違うとIEでスクリプトエラーになるのを解消する

jQueryでgetJSON使ってjsonpするライブラリ作っていたのだけど、IEでエラーになるって指摘を受けた。 (僕はFirefoxだったのと、utf-8のページでロードしてたので気付かなかったのよね。。) で、確認した。 確かにエラー。 なんでだろ?と思いIEのデバッガ…

$(window).width()で表示幅、$(document).width()でドキュメント幅(ページ全体の幅)

jQuery使って$(document).width()でページ全体の幅が取得できるのは知ってたのだけど、 表示されてる幅の表示方法がわからなくて試行錯誤してた。 仕方ないからその部分だけ自分でクロスブラウザ用のコード書いてたり。 で、もう一回ググってみたらあった。 …

jQueryの汚染をなくした上で、$を使ったパフォーマンスベンチマーク

jQueryの話を社内ブログの方に書いたのだけど、よくよく考えてみたら僕が外から見れないなと。 ってことでこっちにも同じ内容。 # 自分がばれそうなところは変更。 # って言っても社内の人にはばれるのか。 jQueryを使いながらJavaScriptを書いているのだけ…

jQuery.extendとjQuery.fn.extendの違い

[2011/03/12追記] 昔の記事だから今は見られていないかなと思ったんですが、それなりにアクセスあるようなので追記。 $('div').myMethod()みたいな感じでmyMethodという自分用の好きなメソッドを生やすのは良いのですが、 複数人でそういうことをやったりす…

jQueryがわからないので真似して書いてみる

第1回 jQueryライブラリ(1~171行目):jquery.jsを読み解く|gihyo.jp … 技術評論社を見ながら勉強。 0017: var jQuery = window.jQuery = function( selector, context ) { 0018: // The jQuery object is actually just the init constructor 'enhanced'…