[자바스크립트]다이내믹 콘텐츠 — DHTML의 Layer 이용하기

NS4: 넷스케입4.x 이상
IE4: IE 4.x 이상

=== 다이내믹 콘텐츠 (문장내용바뀌기) ===

<>

<>

=== 요소 옮기기 : onClick()처리 ===

<>




<>

-----------------------------
"cross-browser" 레이어 만들기
-----------------------------
*cross-browser DHTML : NS와 IE 모두 인식할 수 있는 DHTML

하나의 태그만으로 cross-browser 레이어를 만들 수 있다.
단, 넷스케이프에서 약간의 버그가 있을 수 있다.
NS4는 절대위치를 가지는(absolute position으로 선언된) div를 layer 태그로 만든 레이어처럼 처리한다.

NS 4는 위의 div를 마치 layer 태그로 만든 레이어처럼 인식한다.
레이어에 액세스하는 것도 layer에서와 똑같아서 document 객체와 함께 레이어 id를 적어주면 된다.

<>
document.crosslayer

IE 4에서는 div id만 사용하면 된다.

<>
crosslayer

이렇게 정의한 레이어가 두 가지 브라우저 사이에 호환되기는 하지만
NS에서는 이런 레이어가 layer 태그로 선언한 레이어처럼 동작하지 못한다.
그러다보니 가끔 브라우저와 충돌할 수도 있고 원치않는 결과가 생길 수도 있다.

----------------------------
사용자 브라우저 체크방법
----------------------------

document.layers 객체를 지원하는 브라우저는 NS 뿐이고
document.all 객체를 지원하는 것은 IE4 뿐이다.
따라서 이런 정보를 알고 있으면 다음과 같이 NS4와 IE4를 체크하는 소스를 만들 수 있다:

if (document.layers)
alert("NS 4+를 사용하고 계십니다!")
if (document.all)
alert("IE 4+를 사용하고 계십니다!")
if (document.layers||document.all)
alert("NS 4 또는 IE 4+를 사용하고 계십니다!")

Comments

Powered by Facebook Comments

댓글 남기기

당신의 이메일은 공개되지 않습니다. 필수 입력창은 * 로 표시되어 있습니다.

*

다음의 HTML 태그와 속성을 사용할 수 있습니다: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>