現在JavaScriptが使用可能な、W3C DOM準拠のXML/HTML処理系には以下の種類があります。 Internet Explorer MSXML Mozilla / Netscape などGeckoベースのWebブラウザ Opera SafariなどKHTMLベースのブラウザ 筆者が（パーソナルコンピュータとして）使用しているのは、今のところWindowsだけなので、最後のものは外して考えさせていただきます。また簡単のため、以下の内容はそれぞれ2003年10月時点での最新バージョンでのみ検証された内容とします。 さて、これらの中でXPathを使ったHTML/XMLへのアクセスが可能なのはNetscape / Mozilla 等Geckoベースのブラウザと、MSXMLのみです。（ただしMSXMLはXMLしか扱うことができません。勿論XHTMLをXMLとして処理することは可能ですが、

Opera のアレ どっちでも該当 aaa-greasemonkey-functions.user.js aa-gm-functions.js 使ってる人結構いると思うんだけどな。ググってみても出てこなかった。 2 年前に書かれたらしいのに。 Opera さびしー。 修正箇所 これだけでいいっぽい。 function GM_getValue( cookieName, oDefault ) { var cookieJar = document.cookie.split( "; " ); for( var x = 0; x < cookieJar.length; x++ ) { var oneCookie = cookieJar[x].split( "=" ); if( oneCookie[0] == escape( cookieName ) ) { // try { // eval('var

キーが押され続けたときの挙動 keydown について。 Firefox では押している間中リスナの関数が実行されるのに対して、Opera ではキーが押された一回のみ。 keypress では両者共通して実行され続ける。 デフォルトイベントの制御・抑止 両ブラウザで共通させるためには keypress を用いる。 document.addEventListener( 'keypress', function(e){ e.preventDefault(); }, false); これで Opera であっても、例えば vim のように Ctrl + r を redo とするようなアプリケーションが作れる。ただし Alt + f などでは、ブラウザデフォルトのメニューが開かれてしまう。一方、 Firefox では Alt 押しながら f といった操作も制御可能。ただし前述のように、この場合は押

Event オブジェクトのプロパティを紹介します。 ここでもできるだけクロスブラウザをこころがけています。 type プロパティはイベントのタイプを文字列で表します。 例えば、 onclick なら "click" と返します。 <INPUT TYPE="button" VALUE="押してね☆" ONCLICK="alert(event.type)"> IE では srcElement プロパティがオブジェクト （へのアドレス）を返します。 ネスケでは target プロパティがオブジェクトを表す文字列を返します。 こんな感じです。 <input type="button" name="btn1" value=押してね☆" onclick'test2(e);'> こんなものを返されてどうするんだという話もありますが、 とりあえず name プロパティを拾っておきましょう。 functi

まずは以下のような XML データを考える。 <books> <book> <title>初めての AJAX</title> <author>AJAX 編集部</author> <publisher>AJAX 社</publisher> </book> <book> <title>初めての Perl</title> <author>Perl 編集部</author> <publisher>Perl 出版</publisher> </book> <book> <title>初めての PHP</title> <author>PHP 編集部</author> <publisher>PHP 工房</publisher> </book> </book> 最終的に値を取り出したいわけだが、 childNodes.item(0) ＝ childNodes[0] ＝ firstChild は同じ意味である

See section 7E and 7F of the book. The target/srcElement properties are sometimes buggy in Explorer 5 on Mac and unreliable in Netscape 4. On this page I give some example scripts for reading out event properties. There are very serious browser incompatibilities in this area. As soon as we want to read out information about the event, we’re inundated by an immense amount of properties, most of whi

See sections 5H and 7F of the book. This page has been translated into French, Russian, and Chinese. One of the most powerful JavaScript keywords is this. Unfortunately it is hard to use if you don't exactly know how it works. Below I explain how to use it in event handling. Later on I'll add some information about other uses of this. Owner The question that we'll discuss for the remainder of the

更新情報はTwitterで行っています。 古い記事に関しては以前の文章データのページを参照してください。 このページへのリンクは自由です。断りのメールは不要です。また、雑誌や書籍にURLおよび画面スナップを掲載する場合も無断で載せてかまいません。 苦情・文句・ご意見のメールはopenspc@alpha.ocn.ne.jpまでお願いします。

Introduction This is mostly just a set of instructions on how to get the Javascript Console that's already in the Opera browser to show up on your Panels. I have included some instructions for optional enhancements, though. Why would you want to do this? For an ordinary user, no reason really. For a web site developer - I've found it extremely handy to have the console as a panel rather than a sep

最近、Opera の Web Developer Toolbar という拡張機能(?)を使い始めたので、今日はそれをレポートしてみたいと思います。多くの機能が詰め込まれた、とても便利なツールバーです。これだけのものが JavaScript だけで実現できているのは驚異的ですね。なんというか、Opera フリークの魂を見た気がしました(笑)。いくつかスクリーンショットも掲載しましたので、読んでみてください。 インストール Web Developer Toolbar は、その名のとおり Opera のツールバーセットアップとして実装されています。ですので、インストールは非常に簡単。Web Developer Toolbar のページ に行って「Install Web Developer Toolbar Setup」、「Install Web Developer Menu Setup」の 2 つ

先日 Firebug Lite ブックマークレットを公開しましたが、動的生成した IFRAME に HTML を流し込むとブラウザが読み込み状態のままになってしまう（ロード中アニメーションなどが再生されっぱなしになる）という問題がありました。 IFRAME の動的生成はいろいろと応用範囲が広いので、なんとかこの問題は解決しておきたいところです。そこでいろいろと試行錯誤して、なんとか回避方法を見つけることができました。本日はそれをご紹介しようと思います。 さっそく種明かししてしまいましょう。実は答えはいとも簡単でした。 document.write で HTML を流し込む前後で document.open と document.close をきちんと呼ぶ必要があるようです。こんな感じですね。 var iframe = document.createElement('IFRAME'); do

WebOS Goodies へようこそ！ WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。 ご存知の方も多いかと思いますが、先日 Firefox 用 Web 開発ツールの代表格 Firebug の 1.0beta がリリースされました。それはそれで嬉しいニュースですが、さらに素晴らしいことに機能限定（というかログ表示とコンソールのみ ＾＾；）ながら Firefox 以外のブラウザーでも動作する Firebug Lite も同時に公開されました。 Oper

Quirks and Strict Mode: How to trigger them, what the differences are CSS Hacks: Why not to use them Conditional comments: Explorer Windows only * selector: Selects all elements > selector: Selects direct children of an element + selector: Selects the next sibling of an element [attr] selector: Selects an element with a certain attribute value Multiple classes: Giving an element two or more classe