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

JavaScript jQuery

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

2011-10-18

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

JavaScript jQuery Prototype.js

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

2011-03-02

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

js jquery

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

2011-02-22

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

web-query web-scraper perl jquery

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

2011-01-19

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

prototype.js jquery js

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

2010-11-02

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

iPhone JavaScript jQuery PhoneGap

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

2010-07-06

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

JavaScript jQuery

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

2010-01-20

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

JavaScript jQuery

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

2008-12-18

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

JavaScript jQuery

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

2008-08-16

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

jQuery JavaScript

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

2008-08-09

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

jQuery JavaScript

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}…

2008-08-05

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

jQuery JavaScript

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

2008-07-18

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

jQuery JavaScript エラー

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

2008-06-06

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

jQuery JavaScript

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

2008-06-02

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

jQuery JavaScript

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

2008-04-10

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

jQuery JavaScript

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

2008-04-04

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

JavaScript jQuery

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

2008-02-19

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

JavaScript クロージャ 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'…