タグ別アーカイブ: javascript

innerHTML や jQuery.html() は HTMLをそのまま取得できるわけではない

element.innerHTML を使うと HTML を取得することができます。Mozilla Developer Network (MDN) には次のように書いてあります。

innerHTML は、与えられた要素に含まれる全てのマークアップ と内容を設定または取得します。

element.innerHTML – MDC Doc Centerより

続きを読む

jQuery 1.5 の Deferred オブジェクトについてのメモ

jQuery 1.5 から Deferred オブジェクトというものがサポートされるようになりました。jQuery.ajax() も Deferred オブジェクトを拡張した jqXHR オブジェクトを返すようになったし、Deferred オブジェクトとは何か知っておいたほうが、何かと便利なのではないかと思ったので、調べたことをメモっていきます。(あまり理解出来ていないかもしれないので、誤りがあったらフィードバックをお願いします!)
続きを読む

JavaScript を書く人は「JavaScriptパターン」必読だと思う

JavaScript に触れるようになって早10数年。人に「JavaScript は書けますか?」と聞かれたら、とりあえず「書けます」とは答えていた私ですが、実はあまり自信がなく、いつも「これってスタンダードなコーディング記法なんだろうか?」「きれいなコードの書き方を知りたいなぁ・・・」と心のなかで思っていました。特に、最近になって node.js などサーバーサイドでも JavaScript が使われるようになってきたため、ここらへんで本格的にスキルアップをしておいたほうがいいんじゃないかと思うようになっていました。
続きを読む

preventDefault() と stopPropagation()

先日公開した「投稿スラッグ(Post slug)が空白なら警告してくれるWordPress用Greasemonkeyスクリプト」を開発しているときに、JavaScriptでのイベントのキャンセルまわりで見事にハマってしまいました。そのときに調べてわかったことをまとめてみようと思います。(間違いがあれば是非ご指摘ください!)

続きを読む

TinyURLのリンク先を取得するAPI

Twitter 用に TinyURL のリダイレクト先URLを取得する Greasemonkey スクリプトを作ったんですが、すでに同じものを作っておられる方がいたので、公開はこっそりと行うこととして、このエントリでは、このGreasemonkey スクリプトを作るときに見つけた、TinyURL のリンク先を取得する API をご紹介。

続きを読む

Lightbox JS v2.0 shortcut keys add-on

[追記 2007-04-12]

Lightbox 2 が v2.03 にバージョンアップして、キーボードショートカットの機能が改善されました。右カーソル、左カーソルでの移動が可能になり、Escキーで閉じることができるようになっています。ということで、このスクリプトは無用の長物と相成りました・・・

Lightbox JS v2.0 という画像をかっこよく表示させる有名なスクリプトがあります。複数の画像を「Image Set」として用意するとスライドショーが作成され、キーボードで前後に移動することができるのですが、nキーとpキーでしか移動できないので、あまり感覚的ではありません。そこで、カーソルキーでも移動できるようにしてユーザビリティを向上させるスクリプトを作成してみました。

続きを読む