html 팝업창 레이어로 변경? 정보
html 팝업창 레이어로 변경?
본문
팝업창에서 버튼을 클릭하면
팝업창이 닫히면서 새창으로 홈페이지가 뜨게 하려구 하는데요...
우선 index.htm 그리고 pop.htm 을 만들었습니다...
index.htm 쏘스
<html>
<head>
<title></title>
</head>
<body>
<A onclick="window.open('./pop.htm','cate', 'width=400,height=300,top='+(screen.availHeight/2-350)+',left='+(screen.availWidth/2-400)+'');" href="javascript:;">팝업창열기</A>
</body>
</html>
pop.htm 쏘스
<html>
<head>
<title><title>
</head>
<body>
<a href="#" onclick="window.open('http://www.naver.com','newin');self.opener=self;self.close();">클릭하면 팝업창 닫히고 새창뜨기</a>
</body>
</html>
입니다...
그런데 위와같은 형식을
팝업창이 아닌 레이어창(화면가운데) 으로 구현을 하려면,
많이 복잡할까요?
혹시 간단하게 레이어로 가능한 방법이 있다면,
알려주시면 감사하겠습니다...
아시는분의 답변을 기다립니다..
쉬운설명 부탁드려요..^^;;
꾸벅~
댓글 전체
예전에 웹하드 팝업창을 긁어서 사용했던 소스입니다.
줄 띄어진 가운데 부분만 원하는 내용을 넣어서 사용하면 간단하게 레이어 팝업이 구현됩니다.
---------------------------------------------------
<DIV id=Notice onmouseover="dragObj=Notice;drag=1; move=0" style="Z-INDEX: 1; LEFT: 50px; TOP:50; WIDTH: 411px; POSITION: absolute; TOP: 50px" onmouseout=drag=0>
<TABLE cellSpacing=0 cellPadding=0 width=367 border=0>
<TBODY>
<TR>
<TD>
<a href="http://www.wooshin.org/zb/view.php?id=woomadang&no=948"><IMG src="http://www.wooshin.org/zb/data/woomadang/9_meeting.jpg" border=0></a>
</TD></TR>
<TR>
<TD style="PADDING-RIGHT: 10px" align=right bgColor=#00000 height=25>
<TABLE cellSpacing=0 cellPadding=0 width="98%" border=0>
<TBODY>
<TR>
<TD width=20></TD>
<TD style="PADDING-TOP: 3px" width=294><SPAN style="FONT-SIZE: 11px; PADDING-BOTTOM: 10px; COLOR: #ffffff"></SPAN></TD>
<TD width=65><A onclick="document.all.Notice.style.visibility='hidden';" href="javascript:;"><IMG src="http://www.webhard.co.kr/page/event/event_071217/img/btn_close.gif" border=0></A></TD></TR></TBODY></TABLE><A onclick="document.all.Notice.style.visibility='hidden';" href="javascript:;"><!-- 창닫기 --></A></TD></TR></TBODY></TABLE></DIV>
줄 띄어진 가운데 부분만 원하는 내용을 넣어서 사용하면 간단하게 레이어 팝업이 구현됩니다.
---------------------------------------------------
<DIV id=Notice onmouseover="dragObj=Notice;drag=1; move=0" style="Z-INDEX: 1; LEFT: 50px; TOP:50; WIDTH: 411px; POSITION: absolute; TOP: 50px" onmouseout=drag=0>
<TABLE cellSpacing=0 cellPadding=0 width=367 border=0>
<TBODY>
<TR>
<TD>
<a href="http://www.wooshin.org/zb/view.php?id=woomadang&no=948"><IMG src="http://www.wooshin.org/zb/data/woomadang/9_meeting.jpg" border=0></a>
</TD></TR>
<TR>
<TD style="PADDING-RIGHT: 10px" align=right bgColor=#00000 height=25>
<TABLE cellSpacing=0 cellPadding=0 width="98%" border=0>
<TBODY>
<TR>
<TD width=20></TD>
<TD style="PADDING-TOP: 3px" width=294><SPAN style="FONT-SIZE: 11px; PADDING-BOTTOM: 10px; COLOR: #ffffff"></SPAN></TD>
<TD width=65><A onclick="document.all.Notice.style.visibility='hidden';" href="javascript:;"><IMG src="http://www.webhard.co.kr/page/event/event_071217/img/btn_close.gif" border=0></A></TD></TR></TBODY></TABLE><A onclick="document.all.Notice.style.visibility='hidden';" href="javascript:;"><!-- 창닫기 --></A></TD></TR></TBODY></TABLE></DIV>
감사합니다~ 간단하면서도 아주 훌륭한 소스군요..
큰 도움이 되었습니다...
감사합니다~ 꾸벅~
큰 도움이 되었습니다...
감사합니다~ 꾸벅~