2006-10-01から1ヶ月間の記事一覧

あとがき

「初級者による」であって「初級者のための」でなく、「解読」であって「解説」ではありません^^; と、いきなり逃げ腰で始めた「prototype.js解読」ですが、なんとか最後まで来ることができました。ただ、例えるなら「水泳初心者が、ふと思い立っていきな…

完走

終わった・・・。日を改めてまとめを書きます。。。

Positionオブジェクト(6)

absolutizeメソッド および relativizeメソッド 【抜粋】 absolutize: function(element) { element = $(element); if (element.style.position == 'absolute') return; Position.prepare(); var offsets = Position.positionedOffset(element); var top = o…

Positionオブジェクト(5)

cloneメソッド(後で上書きされる) 【抜粋】 clone: function(source, target) { source = $(source); target = $(target); target.style.position = 'absolute'; var offsets = this.cumulativeOffset(source); target.style.top = offsets[1] + 'px'; targe…

Positionオブジェクト(4)

offsetParentメソッド 【抜粋】 offsetParent: function(element) { if (element.offsetParent) return element.offsetParent; if (element == document.body) return element; while ((element = element.parentNode) && element != document.body) if (Ele…

offsetTop/offsetLeft/offsetParentの闇

簡単な定義 要素のoffsetLeftプロパティ 要素の左辺と、offset基準要素の左辺との距離(px) 要素のoffsetTopプロパティ 要素の上辺と、offset基準要素の上辺との距離(px) 要素のoffsetParentプロパティ 要素のoffset基準要素(これが何になるかが問題) ○結論か…

Positionオブジェクト(3)

realOffsetメソッド 【抜粋】 realOffset: function(element) { var valueT = 0, valueL = 0; do { valueT += element.scrollTop || 0; valueL += element.scrollLeft || 0; element = element.parentNode; } while (element); return [valueL, valueT]; },…