레이어 내부의 링크타깃을 레이어 내부에서 열어주려면 쉽게는 인라인프레임(inline frame)을 이용하는
방법을 쓸 수 있겠죠. 즉, 레이어 내부에 iframe을 넣어주고 프레임에 이름(name)을 부여해 줍니다.
그리고 링크에서 타깃을 ifame의 아이디로 지정해 주면 iframe에다 열어주겠죠.
<iframe src="" name="프레임이름" frameborder="0" marginwidth="0" marginheight="0" align="center" scrolling="auto" style="width:100%;height:800;"></iframe>
예시1)
<div id="layer" style="width:100%; height:100%; ">
<a href="URL" target="mylinks">테스트</a>
<iframe src="" name="mylinks" frameborder="0" marginwidth="0" marginheight="0" align="center" scrolling="auto" style="width:100%;height:800;"></iframe>
</div>
</font></pre>
이렇게 해주면 레이어안의 링크를 클릭시 mylinks란 이름을 가진 iframe에다 연결된 페이지를
열어줍니다.
예시2) 스크립트를 이용한 레이어를 정가운데로 배치해 주기
<SCRIPT>
window.[안내]태그제한으로등록되지않습니다-onload=fnInit;
function fnInit(){
oDiv.style.setExpression("left",
"document.body.clientWidth/2 - oDiv.offsetWidth/2"
);
oDiv.style.setExpression("top",
"document.body.clientHeight/2 - oDiv.offsetHeight/2"
);
document.recalc(true);
}
</SCRIPT>
위 스크립트를 head 부분에 넣어두고
본문(BODY) 부분에 아래와 같이 div 블럭을 넣어줍니다.
<DIV ID="oDiv" STYLE="background-color: #0099CC; position: absolute; top: 100; left: 10;">
샘플 DIV 레이어 입니다..<br>
</DIV>
이 div 블럭내에 위 (예시1)에서 링크와 iframe을 넣어주면 되겠죠..
예시3) DHTML을 이용한 레이어 크기를 사용자 화면 크기에 맞추어 주기
<DIV id="alien" style="Z-INDEX: -1; LEFT: 0px; POSITION: absolute; TOP: 0px; width=expression(document.body.offsetWidth/2); height=expression(document.body.offsetHeight/2);">
레이어
</DIV>
스크립트를 이용한 레이어의 위치설정에 대한 자료는 "소스&가이드" 게시판 또는 휴게소 홈페이지 자바스크립트 etc 분류에서 찾아볼 수 있습니다.
아래 첨부파일은 위 예시외 스크립트를 이용한 사용자 화면 전체크기의 레이어를 만들어 iframe에 타깃을 준 예문입니다.
카페 게시글
?? 태그 Q & A
참고
Re:새창 대신에 레이어..
카페지기
추천 0
조회 55
08.08.28 19:15
댓글 1
북마크
번역하기
공유하기
기능 더보기
다음검색
첫댓글 정말 감사합니다.^^