Hyemi Song Design Lab

Study/Actionscript 3.02011. 4. 13. 16:23

window.open() (scrap)

http://multimedia.kaywon.ac.kr:2009/2005_1/%C0%CE%C5%CD%B3%DD2/04%B0%AD/window_open.htm

팝업창을 만들어 주는 window.open() 메소드를 보겠습니다. window.open() 메소드의 사용법은 다음과 같습니다.

window.open("팝업창으로 보여줄 문서","팝업창의 이름","옵션")

<SCRIPT LANGUAGE="JavaScript">
<!--
window.open("http://www.dreamwiz.com", "dreamwiz", "width=500,height=300,left=0,top=0,resizable=no");
//-->
</SCRIPT>

이 예문은 http://www.dreamwiz.com 페이지를 가로 500픽셀, 높이 300 픽셀의 크기로 왼족위 모서리에 붙게 팝업창으로 열어줍니다. 두 번째 인자인 "dreamwiz" 는 뭐냐구요? 이 부분은 팝업창의 이름을 말하는 것으로 프레임 문서에서 타겟(target) 처럼 사용할 수 있습니다.. 즉, <a href="xxx.html" target="dreamwiz">열기</a> 처럼 사용하게 되면, 현재 드림위즈 홈페이지가 열려있는 팝업창에 xxx.html 문서가 열리게 되는 것이랍니다. 이 두 번째 인자에 아무것도 입력하지 않으려면 그냥 "" 만 표시 해 줍니다. (예) : window.open("http://www.dreamwiz.com", "", "옵션들")

세 번째 인자에는 옵션들을 설정 합니다. 이곳에서 사용할 수 있는 옵션에는 아래와 같은 것들이 있습니다

menubar	yes/no, 1/0	메뉴바를 보여주거나 숨깁니다
toolbar	yes/no, 1/0	도구막대를 보여주거나 숨깁니다
directories	yes/no, 1/0	디렉토리바를 보여주거나 숨깁니다
scrollbars	yes/no, 1/0	스크롤바를 보여주거나 숨깁니다
status	yes/no, 1/0	상태표시줄을 보여주거나 숨깁니다
location	yes/no, 1/0	주소표시줄을 보여주거나 숨깁니다
width	픽셀	팝업 윈도우의 가로크기를 지정합니다
height	픽셀	팝업 윈도우의 높이를 지정합니다
left	픽셀	팝업 윈도우의 x축 위치를 지정합니다
top	픽셀	팝업 윈도우의 y축 위치를 지정합니다
resizable	yes/no 1/0	팝업윈도우의 크기를 사용자가 임의로 수정할 수 있는지 여부를 지정합니다
fullscreen		전체화면 모드로 열어줍니다
channelmode		채널모드 창으로 열어줍니다

옵션인자를 지정하지 않으면 현재 창의 모양과 같은 형태로 팝업윈도우가 열리게 되고, 어느 한가지 옵션만 지정하면 나머지는 모두 디폴트 값으로 no 가 설정 됩니다.

버튼을 클릭하면 아무런 옵션이 없는 팝업 윈도우가 열리게 하는 코드는 아래와 같습니다

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<META http-equiv="content-type" content="text/html; charset=euc-kr">
<TITLE> Jasko Sample Script </TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
function winOpen() {
window.open("http://www.dreamwiz.com","dreamwiz");
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<input type=button onclick="winOpen();" value="옵션없이 팝업윈도우 열기">
</BODY>
</HTML>

위에서 보듯이 옵션을 사용하지 않으면 <a href="xxx.html" target="_blank">열기</a> 처럼 태그를 사용한 것과 같은 효과를 줍니다. 이 옵션 인자는 지정하지 않아도 되지만, 두 번재 인자인 name 은 사용하지 않더라도 반드시 "" 으로 표시해 주어야 한다는 것은 명심하기 바랍니다.

그럼, 이번에는 몇가지 옵션만 선별적으로 주는 예를 보겠습니다

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<META http-equiv="content-type" content="text/html; charset=euc-kr">
<TITLE> Jasko Sample Script </TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
function winOpen() {
window.open("http://www.dreamwiz.com","dreamwiz","location=yes,width=400,height=300");
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<input type=button onclick="winOpen();" value="location=yes,width=400,height=300">
</BODY>
</HTML>

위의 예에서 보듯이 특정 옵션을 지정하면 나머지 옵션값은 자동으로 no를 준 것과 같은 효과를 나타냅니다. 옵션을 줄때 주의할점은 절대 공백을 주어서는 안됩니다. 공백을 주게되면 네츠케이프 등에서는 에러를 발생시킬 수 있습니다

이번에는 잘 이용하면 아주 요긴하게 사용될 수 있는 fullscreen 모드와 channelmode 옵션으로 팝업윈도우를 열어보도록 하겠습니다

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<META http-equiv="content-type" content="text/html; charset=euc-kr">
<TITLE> Jasko Sample Script </TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
function fullOpen() { // fullscreen 모드로 열기 함수
window.open("http://www.dreamwiz.com","dreamwiz","fullscreen");
}
function channelOpen() { // 채널모드로 열기 함수
window.open("http://www.dreamwiz.com","dreamwiz","channelmode");
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<input type=button onclick="fullOpen();" value="fullscreen">
<p>fullscreen 윈도우를 닫으려면 Alt+F4 키를 누르세요
<p>
<input type=button onclick="channelOpen();" value="channelmode">
</BODY>
</HTML>

저작자표시

Posted by chacolina

«이전 1 ··· 24 25 26 27 28 29 30 ··· 147 다음»

Hyemi Song Design Lab

window.open() (scrap)

카테고리

공지사항

태그목록

최근에 올라온 글

최근에 달린 댓글

글 보관함

달력

링크

티스토리툴바