자바스크립트로 새창 띄우기

from 컴퓨터/html/javascript/php 2007/10/23 16:54

1. 윈도우제어의 기본적인 형식 

<script language="JavaScript" type="text/javascript"> 
<!-- 
window.open(띄우고자하는주소) 
//--> 
</script>

[옵션]
menubar yes/no : 윈도우의 menubar 표시여부
toolbar yes/no : 윈도우의 toolbar 표시여부
location yes/no : 윈도우의 location box 표시여부
directories yes/no : 윈도우의 directory button들의 출력여부
status yes/no : 윈도우의 상태표시줄 표시여부
scrollbars yes/no : 윈도우의 가로 세로 scrollbar 표시여부
resizable yes/no : 윈도우의 크기가 조정될 수 있는 지 결정
width : 윈도우의 너비 결정
height : 윈도우의 높이 결정


2. 창의 크기를 가로 350픽셀 세로 400픽셀 스크롤바를 주고 메뉴바를 보이게 할 경우

<script language="JavaScript" type="text/javascript"> 
<!-- 
window.open("주소","small",'width=350,height=400,scrollbars=yes,menubar=yes') 
//--> 
</script>


3. 링크를 클릭하면 새창이 뜨게

<a href="#" onclick="window.open('주소','small','width=350,height=400,scrollbars=yes,menubar=yes')">클릭</a>

중간에 "small"은 상황에 맞게 변경하여 사용하며, 없으면 에러발생합니다.


4. 링크를 클릭하면 새창이 뜨게 

<a href="새창주소" onClick="window.open('새창주소','new','resizable=no, width=350, height=297');return false">클릭</a>

관련 글

2주간 인기글
  • 2주간 인기글이 없습니다.


Tag // javascript, 새창, 자바스크립트, 팝업
받은 트랙백이 없고, 댓글이 없습니다.

팝업창 내용에 맞게 크기 자동조절하여 띄우는 방법

from 컴퓨터/html/javascript/php 2007/10/21 12:16
부모창
-------------------------
<script language='JavaScript' type='text/javascript'> 
<!-- 
function NewWin(sURL, sName, scrollbars, left, top){ 
        var win;
        win = window.open(sURL, sName, "status=no, toolbar=no, resizable=no, scrollbars="+scrollbars+", menubar=no, width=1, height=1, left="+left+", top="+top); 
        win.opener.self;
} 
//--> 
</script>


부모창을 띄우면 자동으로 팝업이 뜨게 하려면 위 코드 바로 밑에 아래와 같이 입력한다.
<script language=javascript>
Win( 'popup.php?id=popup&no=1', 'popuppopup1','no','20','10');
</script>


부모창에서 링크를 클릭했을 때, 팝업이 뜨게 하려면 a링크에서 아래와 같이 입력한다.
<a href="팝업창 주소" onclick="NewWin(this.href,'popuppopup1','no','20','10');return false;">링크</a>



팝업창
-------------------------
<script language="JavaScript"> 
<!-- 
function WindowReset( win /* Window Object */ ){ // 새창의 크기와 위치 재설정
         
  // 
  // 새창의 진행상황 체크 완료되면 코드실행 
  // 
  //while(win.document.readyState != 'complete'){}
   
  var winBody = win.document.body; 
  
  // 
  // 새창의 사이즈에 더해줄 marginWidth와 marginHeight 
  // 
  var marginHeight = parseInt(winBody.topMargin)+parseInt(winBody.bottomMargin); 
  var marginWidth = parseInt(winBody.leftMargin)+parseInt(winBody.rightMargin); 
  // 
  // 새창의 사이즈 설정 
  // 
  var wid = winBody.scrollWidth + (winBody.offsetWidth - winBody.clientWidth) + marginWidth-5; 
  var hei = winBody.scrollHeight + (winBody.offsetHeight - winBody.clientHeight) + marginHeight+17; 
  // 
  // 사이즈 재조정 
  // 
  win.resizeTo(wid, hei); 
} 
</script>


팝업창의 바디에 아래와 같이 넣어준다.
<body topmargin="0" leftmargin="0" marginwidth="0" marginheight="0" OnLoad="WindowReset(this)">



예제 파일
-------------------------
popup.html test.html
관련 글

2주간 인기글
  • 2주간 인기글이 없습니다.


Tag // javascript, 팝업, 팝업창
받은 트랙백이 없고, 댓글이 없습니다.
<< previous 1 next >>