移転しました http://please-sleep.cou929.nu/20110517.html
DOM の textContent と innerText について - フリーフォーム フリークアウト
移転しました http://please-sleep.cou929.nu/20110517.html
Changeset 85903 – WebKit
Timestamp: May 5, 2011, 5:12:45 PM (14 years ago) Author: aestes@apple.com Message: 2011-05-05 Andy Estes <aestes@apple.com> Reviewed by Eric Seidel. Implement document.innerHTML https://bugs.webkit.org/show_bug.cgi?id=60316 ASSERT that contextElement is non-0 when constructing a HTMLTreeBuilder for fragment parsing. This assertion will become invalid when document.innerHTML is implemented, whic
Reading Readability - Backnumbers: Steps to Phantasien
最近コードを読んでない. リハビリしようと軽めのものを探し, Readability を眺めてみた. Readability はもともと Instapaper にヒントを得て 書かれたブックマークレットで, HTML ページの本文だけを抽出して見やすく表示する. Safari Reader の元ともなっており, 最近は 独立したサービス にもなった. Google Code でホストされているオープンソース版は実験ブックマークレット当時のもの. 2000 行くらい. 新しくはないけれど, 軽めのコードという趣旨にはあう. (私が Instapaper for Kindle ファンなのも Readability を読む気になった理由かもしれない. 本題と関係ないけど Instapaper はちいさい Kindle のキラーアプリだと思うんだよね.) 本文抽出 Readability の肝であ
「Scriptタグを</body>前に置くだけ」という方法論について | TwitScratch
最近白黒はっきりつけたいデータがほしいのはScriptタグは</body>の手前に置く論がどこまでまかり通ってるよいものなのかって話。
Window オブジェクトは厳密には Global オブジェクトじゃない？ - フリーフォーム フリークアウト
移転しました http://please-sleep.cou929.nu/20110310.html
Travis Leithead「IEで出る"Operation Aborted"ダイアログの原因および対策」(IEBlog) - 以下斜め読んだ内容
ieblog 2008.4.23のエントリ id:uupaaさんのtweet経由で知った記事 What Happened to Operation Aborted? IE使ってるときに出るエラーダイアログ"Operation Aborted"を解説してるエントリ これが出るとページ内容が全部破棄されるので怖い IE7以前でエラーダイアログが出る条件、IE8での対処と、開発者向けの回避方法がまとまったエントリ 「body要素内にscript要素は禁止」の論拠にもなるお話 以下斜め読んだ内容 "Operation Aborted"ダイアログが出ると 今見てるページが見れなくなる ダイアログ出る直前に表示されてなる内容は破棄される ダイアログをクリックするまでは表示される内容は破棄されないので悪あがきする人もいる IE8beta1ではこの怖い挙動はストップ "Operation Aborted"
JSファイルを含むページをAjaxロードしたときにJSを実行しないさせないしたくない :: 5509
この前ちょっと聞かれたので、メモっときます。 AjaxでJS含んだページをそのままロードするとDOMに追加した時点で実行しよるんで、それを回避するためのやつです。Autopagerizeを参考にしたと思います。 ついでに取得したHTMLの走査方法ですが、そのまま$(html)とかにすると、一番上のwrapperとかそういうdivだったりする要素が取得できないので、一旦divをかませておきます。 Ajax部分のソースコード $.ajax({ url: "hoge.html", type: "GET", success: function(html) { // 文字列で取得したデータを整理する html = html.replace(/
Smallest DOMReady code, ever.
This evening after tooling around with trying to optimize bits and pieces from a recently formed project ($script.js – async JS loader & dependency manager), I decided to look further into shortening the DOMReady code – since part of the goal is to have the smallest amount of code possible. So… I tweeted my efforts totaling 87 characters. Eventually a few responses came in. Like changing regex to
Document: createTreeWalker() method - Web APIs | MDN
Parameters root A Node representing the root of the TreeWalker object, which is the initial value of TreeWalker.currentNode. whatToShow Optional An unsigned long representing a bitmask created by combining the constant properties of NodeFilter. It is a convenient way of filtering for certain types of node. It defaults to 0xFFFFFFFF, representing the NodeFilter.SHOW_ALL constant. Constant Numerical
DOM ECMAScripting
DOM 仕様書を読む前のガイドとして、DOM のおおまかな内容と ECMAScript（JavaScript）によるごく簡単な例文を提供します。DOM Level 1 から Level 3 まで。DOM Core 入門 (1)DOM Core 入門 (2)DOM Events 入門DOM Traversal 入門DOM Range 入門DOM Load and Save 入門DOM Validation 入門DOM XPath 入門DOM Views、DOM Style Sheets、DOM CSS 関連。CSSOM 入門 (1)CSSOM 入門 (2)CSSOM View 入門DOM HTML 関連。DOM HTML 入門 (1)DOM HTML 入門 (2)私的翻訳。DOM FAQ 日本語訳DOM Requirements 日本語訳（途中）DOM Level 3 Load and Sa
JavaScriptのテストについて本気出して考えてみた(2) - 愛と勇気と缶ビール
前回からの続きで。 DOMエミュレーションの戦略 一方で、本物のブラウザを使わずに何らかのJavaScript実行環境でDOMをエミュレートして、その上でテストを走らせよう、という戦略もある。 この分野の大御所はEnv.js(http://www.envjs.com/)ということになっているのだけど、Env.jsのイヤンなところは導入がめんどくさい所である。何がめんどくさいって、antでビルドしなくちゃいけない。テストのためにどの程度の環境構築コストをかけられるかは状況において違うだろうが、例えばJSをメインでやっているエンジニアが「ちょっとテスト環境整えたい」っていう時にantから入れて頑張るだろうか？Javaの経験や、こういうビルドツールの導入/利用の流れに慣れている人だと全然問題ないレベルなんだけど。 というわけで、Env.jsは結構力を入れて開発されたものではあるのだろうけど、僕に
JavaScript DOM & event
The document discusses JavaScript and the DOM (Document Object Model). It provides an overview of the DOM, how it is used to represent XML documents in different languages including JavaScript. It also covers navigating the DOM tree, creating and attaching nodes, handling events, and overriding default browser events.
ブラウザ動作の理解－リフローとリペイント及びその最適化 | ゆっくりと…
ブラウザ動作の理解の2回目です。今回はレンダリング・ツリーの更新に絡む、リフロー （要素の大きさ、位置などの再計算） とリペイント （描画） に関する解説を、「High Performance Web Pages – 20 new best practices」 の著者 Stoyan Stefanov のブログエントリーから 「Rendering: repaint, reflow/relayout, restyle」 を翻訳してお届けします。 同記事は、前半がリフローとリペイントに関する解説と、表示レスポンスを向上させるためのスタイル変更に関する Tips、後半は dynaTrace AJAX Edition と SpeedTracer を使った IE および Chrome の描画パフォーマンスの計測の解説で構成されてる、長い記事となっています。 今回はその前半部分をご紹介します。 レンダ
XUL Apps > Tips > 選択範囲のリンクを収集する ～ DOM2 RangeのcompareBoundaryPointsの使い方 - outsider reflex
X-0031 選択範囲のリンクを収集する ～ DOM2 RangeのcompareBoundaryPointsの使い方 2005/4/2 TBEの「選択範囲のリンクを全てタブで開く」などの機能で利用している「選択範囲内のリンクを収集する」処理についての解説です。DOM2 RangeのcompareBoundaryPointsの使い方の解説を含んでいますので、そこだけ見てもOKです。 処理の流れ 選択範囲の取得と、対応するRangeオブジェクトの取得 Rangeの中に含まれるリンクを収集する その1：元のDOMツリーと切り離して処理する場合 その2：元のDOMツリーの中で処理する場合 DOMツリーの走査 そのノードがRangeの中にあるかどうかを調べる 実際の判別 部分選択されたリンクに対する特別な処理 部分選択された「最初のリンク」を選択範囲内に含める 「選択されているようには見えない」リ
Node.compareDocumentPositionが素晴らしい - hogehoge @teramako
と呟いていたら、 id:caisui さんが と教えてくれた。 広範囲にイベントを取得して、イベント発生元がどの要素に含まれるかで処理を変えたい時があって、そんな時は親ノードを辿って調べるという面倒なことをしていた。これとはおさらばしたいということで、compareDocumentPositionについて調べてみた。 Node.compareDocumentPosition - MDC Doc Center The return value is a bitmask with the following values: DOCUMENT_POSITION_DISCONNECTED = 0x01; DOCUMENT_POSITION_PRECEDING = 0x02; DOCUMENT_POSITION_FOLLOWING = 0x04; DOCUMENT_POSITION_CONTAINS
nazonoDiary - compareDocumentPosition
で、編集画面が使いにくい（投稿関係ボタンをテキスト・エリアの下に）のを作るときにドキュメントが全然見つからずに苦労したcompareDocumentPositionについて そもそもieだと contains で「エレメントは親子関係にあるか？」が調べられるのだけれど、Mozillaではその関数は定義されてなさそう。Firebugでエレメントを見ているとcompareDocumentPositionというそれっぽい関数を見つけたのはいいが、使い方がさっぱりわからない… DOM関係のドキュメントを調べるときにとても参考になるJavaDocには short compareDocumentPosition(Node other) throws DOMException ドキュメントでの位置について参照ノード (このメソッドが呼び出されているノード) とパラメータとして渡されたノードをドキュメント
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
DOM sandboxing talk - The Spanner
EnvJasmine Refined
d3.js - Data-Driven Documents
Overview of events and handlers - Developer guides | MDN