[B! dom] nobu666のブックマーク

Firefox に outerHTML を実装する - IT戦記

outerHTML について outerHTML とは Mozilla 系のブラウザ以外のすべてのブラウザで使える要素の HTML が文字列として取得できるプロパティです。 alert(document.body.outerHTML); // => body の HTML がすべて見える（例：<body><h1>It works!</h1></body>）というわけで以下のコードを書いてみました。 if (!('outerHTML' in document.createElement('div'))) { HTMLElement.prototype.__defineGetter__('outerHTML', function() { return this.ownerDocument.createElement('div').appendChild(this.cloneNode(tru

nobu666 2010/06/01

リンク

jQuery にて配置済みのDOM要素をシャッフルする方法 ( ラボブログ )

スパイスラボ神部です。ちょっと必要があって、配置済みのDOM要素を並べ替えたかったのですが、どうしてもやりかたがわからず、Twitter でつぶやいてみたところ、めちゃめちゃ参考になる情報をいただきました。・要素そのものを並び替える方法・CSS で要素の一を変える方法のどちらかがあるだろうなぁ、とは思っていましたが、奇しくも両方を教えていただきました。教えてくださったお二方、本当にありがとうございます！参考までにまとめてみたいと思います。要素の配置換えを行う jQuery プラグイン @tamiko 氏に教えていただいた方法。こちらは要素そのものを入れ替える方法ですね。 -jQuery: Shuffle Plugin | Yelotofu サンプルデモはこちら。 -jQuery: Array Shuffle まさにこれ！という感じ。 >jQueryでランダムに要素を再配置

nobu666 2009/09/14

リンク

Enjoy×Study - ブラウザのスクロールバーで隠れている領域を含むサイズを取得する方法。

昨日のエントリに引き続き、今度はスクロールバーで隠れている領域を含むサイズを取得するためのプロパティをまとめてみました。 Enjoy×Study - ブラウザの表示領域のサイズを取得する方法。調査したのは、下記のプロパティです。 window.innerWidth window.innerHeight document.body.scrollWidth document.body.scrollHeight document.body.offsetWidth document.body.offsetHeight document.body.clientWidth document.body.clientHeight document.documentElement.scrollWidth document.documentElement.scrollHeight document.docu

nobu666 2009/03/23

リンク

CSSセレクタの開発から得られたノウハウのフィードバック + IE8でメソッドをフックする(HTMLElementプロトタイピング) - latest log

ここ数日は、CSSセレクタ(uupaa-selector.js)の高速化と同時に、DOM Level2 Mutation Events をサポートする小さなライブラリ(uupaa-mutationevent.js)を作っていました。 uupaa-mutationevent.js は、 CSSセレクタにキャッシュを導入するなら、DOMツリーの改変を知る必要がある IE には Mutation Events を実装するための基礎がそもそも無いので、それらを入れ込んだライブラリを作ってしまおうかといった動機付けから作成が始まりました。これらを作成する過程で得られたノウハウを、今日はむぎゅっと縮めてお届けします。 HTMLElement にオレオレメソッドを追加する IE8 には HTMLElement や Node を改変できる仕組みが追加されています。 constructor が追加され

nobu666 2008/12/18

リンク

【インフォシーク】Infoseek ：楽天が運営するポータルサイト

日頃より楽天のサービスをご利用いただきましてありがとうございます。サービスをご利用いただいておりますところ大変申し訳ございませんが、現在、緊急メンテナンスを行わせていただいております。お客様には、緊急のメンテナンスにより、ご迷惑をおかけしており、誠に申し訳ございません。メンテナンスが終了次第、サービスを復旧いたしますので、今しばらくお待ちいただけますよう、お願い申し上げます。

nobu666 2008/03/16

リンク

IE8 速攻徹底レビュー - IT戦記

こ、この日記、徐々に増えている・・・というわけで IE8 の新機能、発見したら即更新 window.sessionStorage window.globalStorage キター！！！！！ See Also HTML Standard See Also DOM Storage - DOM | MDN hashchange イベントに対応（HTML5 のメーリングリストで名前を揉めてた気がするけど） online offline イベントに対応 XDomainRequest （なぜ、 XMLHttpRequest level 2 にしなかったのかと（ry window.postMessage（cross-document messaging）キター！！ See Also HTML Standard Selectors API キタキタキタキタキタキターーーーーーーーーーーーーーーーーーー