Scroll Layer

Scroll Layer

CSS-P Layer

document.SC.go()를 txt1과 txt2를 가지고 왔을 때, 다른 결과가 나옵니다. txt1과 txt2가 둘 다 go() method를 지정하여서 결과가 다릅니다.

페이지 스크롤 연습 페이지 페이지 스크롤 연습 페이지

<pre>PRE</pre>

< == pre style이 정상적으로 지정됨.

어떤 layer를 scroll하기 위해서는 clip로 보이는 부분을 지정한 layer안에 layer를 두고 안의 layer를 이동하면 된다.
안의 layer를 직접 넣어주지 않고 <layer src="외부화일.htm" .. 이나 <div id=ID style="position:absolute; include-source:url('외부화일.htm')">로 외부의 화일을 가져올 수도 있다.
JavaScript로도 가져올 수 있다. document.layerName.src = "화일.htm" 로..

외부화일을 연결하고 body의 onLoad로 페이지의 다른 Object를 참조하면 에러가 난다.
이 때, 외부화일을 연결할 레이어에 아무것도 저장하지 않고 layer.src로 onLoad에서 지정하거나 외부화일을 가질 레이어를 페이지의 가장 밑에 놓으면 에러가 나오지 않는다. 외부화일을 부르는 시간과 onLoad의 시간의 차이로 보임. 버그같음. layer나 css-p 레이어 둘 다 같다

이 때, 외부화일이 가지고 있는 method는 document.상위레이어이름.method(); 이다. 그리고, 외부화일을 두개 이상 가지고 왔을 때, <script>안에서 지정한 method는 모두 상위의 method이자 자신의 method이다. 즉, 자신과 상위에서 모두 사용할 수 있다.

외부화일에서 같은 이름(id)을 가지는 레이어의 style attribute는 지정을 하면 다른 외부화일을 다시 가져오면 지정한 style attribute를 공유한다. 첫번째 외부화일의 D1이란 이름을 가지는 layer가 left, top position 값을 100, 50을 지정하고 다음 외부화일에서 같은 이름을 가지는 레이어가 top의 값이 100이고 left의 값은 지정하지 않으면 이 레이어의 left, top은 100, 100 이 된다. 그리고, 다시 앞의 외부화일을 부르면 이 화일의 D1 레이어도 100, 100의 값을 가진다. 즉, 같은 이름을 가지는 레이어는 가져올 때마다 style attribute 값을 새로 지정하고 같은 이름을 가지는 레이어는 그것을 공유한다. method와 이벤트(onLoad)도 공유한다.

상위와 외부화일 자신이 같은 이름을 가지는 method를 가지고 있을 때, 외부화일에서 <a href="javascript:method()".. 는 상위에서 지정한 함수를 실행한다. 이때는 자신이 상위에 포함되어 있기 때문이다. 자신의 method의 실행은 document.상위레이어이름.method() 이다.

상위의 body 택이나 <link>택으로 body에 margin-left 같은 style를 지정해 놓았으면 외부 화일로 가져온 것에도 영향을 미칩니다. 다른 택은 영향을 미치지 않습니다. 외부화일에도 body 택이 있기 때문입니다.

이 때, 다른 외부 화일을 가지고 오면 상위의 body에 지정된 것은 영향을 미치지 않습니다. 이 때의 외부화일의 body는 상위 레이어의 document이기 때문입니다. 상위의 body에서 다른 택의 style가 먹히지 않는 것과 같습니다. 왜냐하면, 레이어는 자신이 document(body를 포함함)를 가지기 때문입니다.

TOP