// 팝업 창 띄우기
function goPopup() {
var requestValue = document.getElementById("Name").value; // 전송 파라미터 값
var theURL = "/servlet/servlet.ExampleOpenUrl?requestValue="+requestValue; // 전송 URL
// 팝업 창 로드 (window.open)
window.open(theURL, "Example", "scrollbars=no,width=900,height=500,menubar=false");
// window.open(URL,"팝업 구분값(팝업 1개일 경우 상관없음)","팝업 창 옵션")
}
// Popup Option
toolbar = yes/no //상단 도구창 출력 여부
menubar = yes/no //상단 메뉴 출력 여부
location = yes/no //메뉴아이콘 출력 여부
directories = yes/no //제목 표시줄 출력 여부
status = yes/no //하단의 상태바 출력 여부
scrollbals = yes/no //스크롤바 사용 여부
resizable = yes/no //팝업창의 사이즈 변경 가능 여부
width = 10 //팝업창의 가로 길이 설정 (10px)
height = 10 //팝업창의 세로 길이 설정 (10px)
top = 10 //팝업창이 뜨는 위치(화면 위에서부터의 거리 지정) (10px)
left = 10 //팝업창이 뜨는 위치(화면 왼쪽에서부터의 거리 지정) (10px)
// 팝업 창 닫기
function selectValue(){
var requestValue = document.getElementById("Name").value; // 전송 파라미터 값
var theURL = "/servlet/servlet.ExampleCloseUrl?requestValue="+requestValue; // 전송 URL
// 호출 한 부모 페이지에서 URL 호출
opener.window.location = url;
// 호출 한 뒤 현재 팝업 창 닫기 이벤트
close();
[javascript] 새창 띄우기 ( window.open )
1. window.open(URL,WindowName[,WindowFeatures]);
1) URL
- 웹 문서 URL
2) WindowName
- open 창 이름
3) WindowFeatures
- fullscreen = 전체 창. (yes/no)(default : no)
- location = 주소창이 활성화. (yes/no)(default : yes)
- menubar = 메뉴바 visible. (yes/no)(default : yes)
- titlebar = 타이틀바. (yes/no)(default : yes)
- toolbar = 툴바. (yes/no)(default : yes)
- resizable = 창 사이즈 변경. (yes/no)(default : yes)
- scrollbars = 스크롤바. (yes/no)(default : yes)
- width = 창 가로 크기
- height = 창 세로 크기
- <script language="javascript" type="text/javascript">
- <!--
- function openWin(){
- window.open("//www.naver.net", "네이버새창", "width=800, height=700, toolbar=no, menubar=no, scrollbars=no, resizable=yes" );
- }
- //-->
- </script>
- <input type=button value="새창띄우기" title="javascript:openWin();">
<textarea class="javascript" style="HEIGHT:54px;DISPLAY:none;WIDTH:957px" rows="3" cols="115" name="code"><script language="javascript" type="text/javascript"><!-- function openWin(){ window.open("<A href="//www.naver.net/">//www.naver.net</A>", "네이버새창", "width=800, height=700, toolbar=no, menubar=no, scrollbars=no, resizable=yes" ); }//--></script> <input type=button value="새창띄우기" title="javascript:openWin();"></textarea>
2. 새창 띄우는 방법
- <script language="javascript">
- <!--
- function openWin(){
- window.open("//www.naver.net", "네이버새창", "width=800, height=700, toolbar=no, menubar=no, scrollbars=no, resizable=yes" );
- }
- //-->
- </script>
- <!-- title 이벤트에 직접 입력 -->
- <a href="#" onClick="window.open('//www.naver.com','네이버','width=800, height=700, toolbar=no, menubar=no, scrollbars=no, resizable=yes');return false;">네이버 새창 열기</a>
- <!-- title 이벤트에 javascript 함수 호출-->
- <a href="#" onClick="javascript:openWin();">네이버 새창 열기</a>
<textarea class="javascript" style="HEIGHT:54px;DISPLAY:none;WIDTH:957px" rows="3" cols="115" name="code"><script language="javascript"><!--function openWin(){ window.open("<A href="//www.naver.net/">//www.naver.net</A>", "네이버새창", "width=800, height=700, toolbar=no, menubar=no, scrollbars=no, resizable=yes" ); }//--></script><!-- title 이벤트에 직접 입력 --> <a href="#" onClick="window.open('<A href="//www.naver.com/">//www.naver.com</A>','네이버','width=800, height=700, toolbar=no, menubar=no, scrollbars=no, resizable=yes');return false;">네이버 새창 열기</a> <!-- title 이벤트에 javascript 함수 호출--> <a href="#" onClick="javascript:openWin();">네이버 새창 열기</a> </textarea>
3. 새창 닫기
- ?<script language="javascript">
- <!--
- function closeWindow() {
- setTimeout(function() {
- window.close();
- }, 3000);
- }
- // 창이 열린 후 3초후에 닫기
- window.onload = closeWindow();
- //-->
- </script>
- <!-- title 이벤트에 직접 입력 -->
- <a href="#" onClick="self.close();">새창 닫기</a>
- <a href="#" onClick="javascript:closeWindow();">3초후에 닫기</a>