タグ

firefoxとDOMに関するCherenkovのブックマーク (14)

  • getUserMedia が実装されました!

    原文: getUserMedia is ready to roll! (on July 13, 2012 by Anant Narayanan) 今年の 4 月に、私たちは WebRTC 活動 についての記事 (和訳) を投稿しましたが、今日はエキサイティングな最新情報をお届けします。getUserMedia が mozilla-central にコミットされました! この API は、Firefox の最新の Nightly バージョンで使えるようになったので、最終的にリリースビルドでも使えるようになります。 getUserMedia は、Web ページが動画や音声の入力を取得できるようにする DOM API です。つまり、Web カメラやマイクからの入力したデータを Web ページが扱えるようになります。私たちは、これが Web ページとアプリケーションの全く新たな可能性の扉を開くこと

    getUserMedia が実装されました!
    Cherenkov
    Cherenkov 2012/08/26
    「getUserMedia は、Web ページが動画や音声の入力を取得できるようにする DOM API です。つまり、Web カメラやマイクからの入力したデータを Web ページが扱えるようになります」
  • Nightly の XMLHttpRequest で text/html がパース可能に! - hogehoge @teramako

    Bug 651072 - Support HTML parsing in XMLHttpRequest per XMLHttpRequest Level 2 Nightlyに入ったー function getDocument (aURL, aCallback) { var xhr = new XMLHttpRequest; xhr.open("GET", aURL, true); xhr.responseType = "document"; xhr.onreadystatechange = function() { if (xhr.readyState === xhr.DONE /* 4 */ && xhr.status === 200) { aCallback(xhr.response); } }; xhr.send(null); } getDocument("http://www.ex

    Nightly の XMLHttpRequest で text/html がパース可能に! - hogehoge @teramako
    Cherenkov
    Cherenkov 2011/12/12
    xhr.responseType = "document";が加わってresponseTextをゴニョゴニョしてDOMを組み立てなくてもよくなった
  • JavaScriptの動かないコード (中級編) clickイベントを強制的に発生させたい (fireEvent/createEventの使い方) - 主に言語とシステム開発に関して

    連載目次へ 以下のJavaScriptコードが意図した動作をしないのは,なぜですか。(制限時間1分) やりたい事: 「クリックするとメッセージを表示する」という,テキストボックスがある。 このテキストボックスの動作テストをしたい。クリックのイベントを自動的に発生させ,ちゃんとメッセージが出るかをコードで確認する。 <body> イベントの発生源となるテキストボックス: <input type="text" onclick="onclick_func()" id="my_text"> click時に,ここにメッセージが表示されます。 <div id="my_div"></div> テスト: <input type="button" onclick="test_onclick()" value="onclickの単体テストを実行"> <script language="JavaScript">

    JavaScriptの動かないコード (中級編) clickイベントを強制的に発生させたい (fireEvent/createEventの使い方) - 主に言語とシステム開発に関して
    Cherenkov
    Cherenkov 2011/01/01
    記事に無いけどFirefoxはaタグのクリックシュミレーションはできない。そういう場合は単純にaタグのhrefをlocationに代入して解決するか試す。 / MouseEvents initMouseEvent click dispatchEvent addEventListener fireEvent エミュレート
  • HTMLDocument の動的な作成: Days on the Moon

    ブラウザ上で、JavaScript を使って HTML のソースから HTML 文書を生成するのに、どんな方法があるのか調べました。なお、以下のスクリプトは HTML 文書上で実行することが前提です。 表の見方 XSLT の HTML 出力 createHTMLDocument メソッド createDocument メソッド createDocument メソッドと名前空間の指定 createDocument メソッドと文書型宣言の指定 createDocument メソッドと文書型宣言及び名前空間の指定 cloneNode メソッド iframe 要素 ActiveXObject CID からの作成 まとめ 表の見方 以下の表において、各項目の意味は次の通りです。 doc HTML 文書を作成できれば○、XML 文書を作成できれば△、それ以外なら×です。HTML 文書かどうかは、cre

    Cherenkov
    Cherenkov 2010/08/12
    nanto_vi createHTMLDocument createDocument AutoPagerize dom parser パーサー
  • Javascript - Event compatibility tables

    Last updated on 6 September 2011. An older version of this page has been translated into Romanian. On this page I give a quick overview of events browser compatibility. This research is exclusively about when the events fire, and on which elements you can add event listeners. The spec is relatively clear about the latter, but frequently vague about the former. Thus it seems you’re currently readin

  • List of events - W3C Wiki

    http://www.w3.org/TR/DOM-Level-3-LS/ load progress http://www.w3.org/TR/xforms11/ xforms-close xforms-output-error xforms-submit-serialize http://www.w3.org/TR/DPF/ dci-prop-change DOMNodeInserted DOMNodeRemoved DOMSubtreeModified http://www.w3.org/TR/SMIL2/ activateEvent beginEvent DOMActivate DOMFocusIn DOMFocusOut endEvent focusInEvent focusOutEvent inBoundsEvent outOfBoundsEvent repeat repeatE

    Cherenkov
    Cherenkov 2010/07/08
    一覧 まとめ addEventListener
  • DOM Elementオブジェクトをテキストダンプしてデバッグ - hogehoge @teramako

    DOM APIを使用して作ったDOMツリー、うまく生成されているか見てみたい事は多々ある。少なくともオイラはある。簡単にテキスト表示してくれると嬉しいなぁと常々思っていたのだが発見した。 Firefox(というかMozilla系かな)限定だろうけどXMLSerializerがあるのだ。 使い方は簡単。 var serializer = new XMLSerializer(); //略 var root = document.createElement('div'); var anchor = document.createElement('a'); var aText = document.createTextNode('はてな'); anchor.setAttribute('href','http://www.hatena.ne.jp/'); anchor.appendChild( aT

    DOM Elementオブジェクトをテキストダンプしてデバッグ - hogehoge @teramako
    Cherenkov
    Cherenkov 2010/02/25
    XMLSerializer DOMParser
  • Comparison of Event Targets - Web APIs | MDN

    EventConstructorEvent()Instance propertiesbubblescancelablecancelBubble Deprecated composedcurrentTargetdefaultPreventedeventPhaseexplicitOriginalTarget Non-standard isTrustedoriginalTarget Non-standard returnValue Deprecated srcElement Deprecated targettimeStamptypeInstance methodscomposedPath()initEvent() Deprecated preventDefault()stopImmediatePropagation()stopPropagation() It's easy to get con

    Comparison of Event Targets - Web APIs | MDN
    Cherenkov
    Cherenkov 2010/01/13
    event.originalTarget.defaultView html
  • Gecko 固有の DOM Event | MDN

    DOMContentLoaded 文書の DOM コンテンツが読み終わったとき window オブジェクト上で発生します。しかし、"load" とは異なり画像が読み込まれるのを待ちません。例えば、GraeseMonkey でページが表示される前に変更をこっそり行うために使われます。 このイベントは、このページの他の多くのイベントのように、"信頼された" 対象のみに通達されます。例えば、Firefox におけるメインブラウザオブジェクトのコンテンツには、たとえ、chrome:/ URI からのものであっても、通達されません。 DOMFrameContentLoaded 上記と同じですが、フレーム内のコンテンツが読み込まれた時に発生します。 DOMWindowClose window.close() によって、ウィンドウを閉じようとしている時に発生します。詳しくは バグ 103452 をご覧く

    Gecko 固有の DOM Event | MDN
    Cherenkov
    Cherenkov 2010/01/11
    独自イベント 固有
  • ホームページ - Programming Magic

    オンラインカジノゲームで遊んで時間を潰したいだけであれば、お気に入りのゲームがどんな手順で作られたのかなど、考えたこともないでしょう。しかし、どのゲームもすべてプログラミングから始まっており、プラットフォーム全体を動かすソフトウェアの作成から始まるのです。 プログラマーは、ユーザーが楽しく格的なゲームをプレイできるよう、コードを設計し、グラフィックを制作しています。言ってみれば、プログラマーがいなければ、オンラインカジノゲームは存在しないのです!では、このプログラミングという作業がオンラインギャンブル業界にどんな影響を与えているのか見てみましょう。 ゲーミングソフトウェア パソコンの前に座ったり、スマホをいじったりしている時は、ゲームを作るためにどれだけの労力が注ぎ込まれているのかなど気にしないものです。しかし、家に居ながらにしてカジノゲームにアクセスすることができるのは、ゲーミングソフ

    ホームページ - Programming Magic
    Cherenkov
    Cherenkov 2009/03/16
    onMouseDownとonClickの調査結果
  • Event reference | MDN

    DOM Events are sent to notify code of interesting things that have taken place. Each event is represented by an object which is based on the Event interface, and may have additional custom fields and/or functions used to get additional information about what happened. Events can represent everything from basic user interactions to automated notifications of things happening in the rendering model.

    Event reference | MDN
    Cherenkov
    Cherenkov 2009/03/16
    firefox限定のDOM Event
  • Using Firefox 1.5 caching - Mozilla | MDN

    Firefox 1.5 ではウェブページ全体をその JavaScript の状態も含めてメモリ内にキャッシュし、1 つのブラウザーセッションとして使用します。訪問したページ間の戻る、進むという動作にページのロードが不要になり、JavaScript の状態も保存されます。この機能によってページナビゲーションが非常に高速化します。この機能は bfcache("Back-Forward Cache" のこと)と呼ばれることもあります。このキャッシュ状態はユーザーがブラウザーを閉じるまで保存されます。 Firefox がページをキャッシュしない場合があります。ページがキャッシュされないプログラム的な理由でよくあるものをいくつか以下に示します。 ページが unload ハンドラを使用している ページが "cache-control: no-store" をセットしている ページが "cache-co

    Using Firefox 1.5 caching - Mozilla | MDN
    Cherenkov
    Cherenkov 2009/01/21
    DOMのページ読み込みイベントに関連してloadだけではなくてキャッシュ系のpageshow、pagehideが存在する。/DOMContentLoaded
  • Dean Edwards: The window.onload Problem – Solved!

    Well, when I say solved I mean solved for the two most important browsers – Internet Explorer and Mozilla/Firefox. Still that’s good enough isn’t it? First, let me define the problem. The window.onload event is used by programmers to kick-start their web applications. This could be something trivial like animating a menu or something complex like initialising a mail application. The problem is tha

    Cherenkov
    Cherenkov 2009/01/21
    DOMContentLoaded/DOMの読み込み完了時に実行
  • Collection & Copy - ドキュメントのロード完了に合わせて関数を実行する

    JavaScriptページロード時にプログラムを実行するためにwindow.onloadやbody.onloadがしばしば使われる。しかし、ページ内に大きな画像が存在する場合などは、画像のロードを待つため、実行が遅れてしまう。「ドキュメントのロードが終わっていて、かつ、イメージのロードが完了する前」に関数を実行する方法のリンク2つの要点をコピー。 script要素defer、DOMContentLoadedイベントを利用する方法The window.onload Problem - Solved! Firefoxの場合非公式のイベントハンドラ、DOMContentLoadedを利用する。 // for Mozilla browsersif (document.addEventListener) { document.addEventListener("DOMContentLoaded",

    Cherenkov
    Cherenkov 2009/01/21
    DOMContentLoaded/DOMの読み込み完了時に実行
  • 1