Justin Schuh (@justinschuh.com)Back in Chicago as a stay-at-home dad. Expect a mix of infosec (plus privacy and safety), 3D printing, and some politics. You're probably following me because of my old job(s). infosec.exchange/@jschuh Defunct: twitter.com/justinschuh
W3C DOM Compatibility - Events
This table was last changed on 20 April 2005. It will eventually be updated; I hope somewhere in the first quarter of 2008. If you'd like to have some practical examples of what you can do with the W3C DOM, read my book ppk on JavaScript, especially chapter 8. These tables contain compatibility information for the Event methods and properties. It contains the W3C DOM Event specification and large
JavaScript tutorial - DOM events
This is currently supported by Opera 7+, Mozilla/Firefox, Konqueror 3.0+, Safari/Chrome, Internet Explorer 9+ in standards mode and NetFront 3.3+. It is also partially supported by iCab 3, ICEBrowser 5+, and Tkhtml Hv3. Espial claim that Escape/Evo 5 supports this, but it does not support even the basics. Note: Internet Explorer 8- on Windows does not comply with the standard here, so if you are t
Document Object Model Events
文書オブジェクトモデル(DOM)水準2 イベント規定 Document Object Model (DOM) Level 2 Events Specification 序文 この標準情報(TR)は，2000年11月にWorld Wide Web Consortium(W3C)から公表された Document Object Model (DOM) Level 2 Events Specification, version 1.0 勧告を翻訳し, 技術的内容を変更することなく作成した標準情報(TR)である。 0. 適用範囲 この標準情報(TR)は, プログラム及びスクリプトに共通のイベントシステムを与える, プラットフォーム中立で言語中立なインタフェースである文書オブジェクトモデル水準2イベントを規定する。文書オブジェクトモデル水準2イベントは, 文書オブジェクトモデル水準2コア[DOM Le
prototype.js のイベント・トリガー (hPod)
最近 prototype.js (1.5.0_rc1) を使うようになってから、おやと思ったことがある。 onclick などのイベントの処理を簡単に登録できるのはいいけれど、それを任意に発動させるトリガーにあたる機能がない？ たとえばほかに使っているライブラリ Google Maps API にはあるので、できないこともないのだろうけど、なぜこの有名な prototype.js にないのだろう。 一方で scriptaculous.js (v1.6.4) はと見てみると、 unittest.js の中に、それらしい機能が埋め込まれていた。 Event.simulateMouse とか、 Event.simulateKey とか。しかしこれらには experimental というコメントが付けられていたし、それにぱっと見ただけで制作途中であるような感じでもあった。 こうして scripta
Opera News
AI, Uncategorized This is what you can do with Opera Neon: The Next-Gen AI Agentic Browser July 18th, 2025 Discover Opera Neon, the first truly agentic AI browser. Build your own web apps and deploy AI agents to automate... Mindfulness, Opera Air Opera Air’s Take a Break feature now comes with new break reminder options July 17th, 2025 Hey all, We’re back with another update to Opera Air, our brow
DOM Events とブラウザの実装: Days on the Moon
ブラウザ上でのイベント処理の仕組みは DOM 2 Events および DOM 3 Events 草案にて規定されています。しかし、DOM 2 Events で言及されていない部分など、細かい動作はブラウザごとに異なっていることもあります。そうした仕様と実装の差異を、「作って納得! DOM 2 Events」で触れなかったものも含めて、いくつかまとめてみました。 ターゲットフェーズで呼び出されるリスナ DOM 2 Events のイベントモデルにおいて、あるノードでイベントが発生すると、そのノードの祖先ノードのイベントリスナが呼び出されるキャプチャリングフェーズ、そのノード自身のイベントリスナが呼び出されるターゲットフェーズ、再び祖先ノードのイベントリスナが呼び出されるバブリングフェーズと、3 段階にわたってイベントが伝播していきます。このうちターゲットフェーズでは、addEventLis
作って納得! DOM 2 Events: Days on the Moon
ブラウザ上でのプログラミングで避けては通れないのがイベント処理。その仕組みは DOM Level 2 Events にて規定されています。しかし、とりあえず addEventListener メソッドを使ってはいるものの、それがどのような意味を持つか詳しくは知らないといったことはありませんか。そこでここでは、DOM 2 Events のイベントモデルを理解し、ブラウザが裏で何をしているのかを把握するために、実際にそのイベントモデルを実装してみることにします。具体的には、仕様書に定められたインターフェースを JavaScript で実装し、それらを組み合わせてイベントの発生をシミュレートしてみます。 Event インターフェース EventListener インターフェース EventTarget インターフェース DocumentEvent インターフェース DOMException イン
Document Object Model Events
1. Document Object Model Events Editors Tom Pixley, Netscape Communications Corp. 1.1. Overview of the DOM Level 2 Event Model The DOM Level 2 Event Model is designed with two main goals. The first goal is the design of a generic event system which allows registration of event handlers, describes event flow through a tree structure, and provides basic contextual information for each event. Additio
oAutoPagerize - 0x集積蔵
AutoPatchWorkがOpera、Chrome、Safariそれぞれの拡張機能として利用できるようになったので、oAutoPagerizeの更新は停止しました。ご了承ください。 id:swdyh氏のAutoPagerize for GreasemonkeyをOperaやSafari,Google Chromeなどで動作するように移植*1しました。 for Opera 必須ファイルは0AutoPagerize.SITEINFO.jsと、oAutoPagerize.jsの2つです。0AutoPagerize.Settings.jsはオプションです。以下説明。 SITEINFO ファイル:0AutoPagerize.SITEINFO.js wedataのSITEINFOをまとめたファイルです。OperaのUserjsはファイル名順に実行されるので、ファイル名を0で始めています。このSITE
Enhancements Disable Script | UserJS.org - User JavaScript for Opera
Published: 2005-05-30 20:32 Modified: 2005-09-19 09:19 Author: TarquinWJ Requires: Opera 8.0 Install as: Opera User JS Learn how to install scripts Report a bug You might be one of those people that likes to disable JavaScript, but you might actually have a use for User JavaScripts, which means that you have to enable scripts. This script allows you to write your scripts, but does not allow the pa
opera
「脆弱性の件数はIEよりFirefoxの方が多い」としたMicrosoftセキュリティ責任者の報告書に、Mozilla側がかみついた。 IEとFirefox、どちらが安全？ セキュリティ担当者がブログで火花 - ITmedia エンタープライズ secunia.comによる調査結果 じゃあ、ちょっとセキュリティ専門サイトでの調査結果を並べてみようか。 ブラウザ名 未修正 発見済 参照URL Internet Explorer 7.x 7 19 http://secunia.com/product/12366/ Internet Explorer 6.x 21 121 http://secunia.com/product/11/ Firefox 2.0.x 4 18 http://secunia.com/product/12434/ Firefox 1.x 4 45 http://secun
HTML 4.0のDTD拾い読み -- ごく簡単なHTMLの説明
HTML 4.0のDTD (Document Type Definition) が公開されていますので、それを拾い読みしながらHTML 4.0で新しくなった点などを見てみましょう。 基本属性の整備 整理されたコンテント・モデル 高度なフォーム テーブルの強化 フレームの強化 オブジェクト、スクリプト、スタイル 国際化 その他 DTDなんて見たことないという方は、最初にごくごく簡単なDTDの説明にざっと目を通すと良いかもしれません。 基本属性の整備 ほとんどの要素（タグ）で共通に使われる基本属性が定義されました。主なものはID, CLASS, STYLE, TITLEという%coreattrs;、LANG, DIRという各国の文字を表現するときに使う%i18n;、oncilick, onmouseupなど従来のSCRIPTで使われてきた%events;です。これらの属性はまとめて%attrs
HTML 4.0のDTDの木構造
HTML 4.0のDTDに定義されている各要素（ELEMENT）の関係を、木構造にしてみます。厳密な構造の再現はできませんが、それぞれの包含関係が概観できます。 なお、ここでの紹介は以前のバージョンとの互換性を考慮したゆるやかなDTD http://www.w3.org/TR/REC-html40/loose.dtd に基づいています。スタイルシートの使用を前提としたより厳しい（表現要素を取り除いた）DTDは http://www.w3.org/TR/REC-html40/strict.dtd で確認してください。 HTML |--HEAD | |--%head.content | | :..TITLE | | : |--(#PCDATA) -(%head.misc;) | | :..ISINDEX ? | | :..BASE ? | |--%head.misc | :..SCRIPT |
sawatの日記 - evalの第二引数とGreasemonkeyのunsafeWindowについて
「http://d.hatena.ne.jp/brazil/20070420/1177060289」でFirefox専用の第二引数に環境の指定をとるevalの使い方について説明されています。その元はこちら「http://www.tom.sfc.keio.ac.jp/~sakai/d/?date=20070414#p02」で、僕もこれを見たときに初めてしりました。そのころ僕はグリモンのスクリプトをいじっていたので、ちょっと気になっていくつか試してみて、ネタ元のページに以下のようなブクマコメントをしました。 evalの第2引数しらなかった。これを応用すると、GreasemonkeyでusafeWindow.xxx() とする場合、xxx内部からeval("GM_xmlhttpRequest", arguments.callee.caller)でGM_xmlhttpRequestが取得されてして
mindのブックマーク / 2008年1月9日 - はてなブックマーク
UK が 「初心者向け JavaScript 勉強会する」 と言っていた。 俺も参加しようかなとか考えてたら UK:「なんか喋れ！」 俺:「俺は JavaScript 片思いだと何度も（ｒｙ 」 UK:「良いから喋れ」 俺:「無理です＞＜」 UK:「黙れ！喋れ！」 俺:「どっちですか｡･ﾟ･(ﾉД`)･ﾟ･｡ うえええん」 と言うやりとりがあり UK を応援する意味でもと思い 「じゃぁ、LTぐらいで･･･」 と、引き受けました。 （個人的には喋ってって言われるのは大好きです。自分も資料まとめたり凄く勉強になるので） 俺:「Rhino とか Phobos とかで良いですか？（すこしでも得意な土壌に持ってこうとしてる） 」 UK:「初心者向けだって言ってるだろ！！」 komaku:「グリモン聞きたい」 UK:「それだな」 俺:「 工エｴェｪ（´д｀）ｪェｴエ工工」 という、やりとりがありグリモ
getComputedStyle について調べてたら深みにハマったのでメモ - IT戦記
getComputedStyle とは！？ ある要素にどんなスタイルが当たっているかを計算してくれる。便利な関数。 使いかたはめっちゃ簡単！ var style = getComputedStyle(element, ''); alert(style.fontSize); // 14px alert(style.color); // rgb(0, 0, 0) ちなみに第二引数は疑似要素の style を取りたい場合に使います。通常は空文字列でいい。 でも、 getComputedStyle はこのままでは IE, Safari では動かない。 Safari では window(グローバル領域) に getComputedStyle は定義されてなくて、 document.defaultView だけに getComputedStyle が定義されている。 ちなみに、 Firefox, Op
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JavaScript DOM リファレンス
Greasemonkey - Mozilla Firefox まとめサイト
Dynamic HTML