끄적끄적

반응형

팝업창 띄우기

 

팝업창 옵션

no, 1을 사용

width=800 : 팝업창의 넓이

height=600 : 팝업창의 높이

top=0 : 팝업창이 뜰 위치

left=0 : 팝업창이 뜰 위치

resizable=1 : 창크기 조정가능

scrollbars=1 : 스크롤바

menubar=1 : 메뉴

toolbar=1 : 메뉴아이콘

location=1 : 제목표시줄

directories=1 : 연결버튼(핫메일 등)

status=1 : 하단의 상태바


입장시 팝업창 띄우기





<!-- 삽입해야 할 소스 시작 -->

<script language="javascript">

<!-- 

function OpenWindow(url,intWidth,intHeight) {

      window.open(url, "_blank", "width="+intWidth+",height="+intHeight+",resizable=1,scrollbars=1") ;

//--> 

</script>


 

<body>




여기를 누르면 새로운 창을 띄웁니다.


<!-- 삽입해야 할 소스 끝 -->

 

</body>




입장시와 퇴장시에 모두 팝업창 띄우기


<!-- 삽입해야 할 소스 시작 -->

<!--입장 팝업 소스 -->

<body onunload="popup();">

<script LANGUAGE="JavaScript">

<!--

function popup( partner )

{

  window.open("insa-hi.html", "_blank", "top=0,left=0,width=450,height=340",

              "toolbar=1,status=1,scrollbars=1,resizable=1");

}  

popup(  );

-->

</script>


<!--퇴장 팝업 소스 -->

<script language=javascript>

<!--

function popup()

{

  window.open("insa-by.html", "_blank", "top=0,left=0,width=470,height=350",

              "toolbar=1,status=1,scrollbars=0,resizable=0");

}

-->

</script>

<!-- 삽입해야 할 소스 끝 -->



----------------------------------------------------------------------------------------


여러분 웹서핑을 하다보면 메뉴바나 상태바가 없는 그러한 작은 창이 뜨는 것 봤을 겁니다. 그걸 어떻게 만들어 주냐고 물으시는 분들이 하도 많아서 올려드립니다. 아래는 zerg님이 잘 설명해놓았길래 그걸루 남깁니다. 


자바의 window.open이라는 명령어를 주죠...^^ 자바는 설명할려면 넘 골치아푸니 요령만 알려드릴게요.... 


윈도우제어의 기본적인 틀은.. 

<script>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 : 윈도우의 높이 결정 


이런식이죠.... 

만약 창의 크기를 가로 350픽셀 세로 400픽셀 스크롤바를 주고 메뉴바를 주게해서 띄울려면 


<script>window.open("주소","small",'width=350,height=400,scrollbars=yes,menubar=yes')</script> 이런식으루 하면 되는거죠...^^ 


또한 자동팝업이 아니라 링크를 클릭하면 새창이 뜨게 할려면 

주소','small','width=350,height=400,scrollbars=yes,menubar=yes')">클릭

이렇게 하시면 됩니다. 이때 중간에 "small"은 꼭 붙이시길..



반응형
Please Enable JavaScript!
Mohon Aktifkan Javascript![ Enable JavaScript ]