홈pg 팜업창 띄우는 소스
2010.09.06 18:57
입장시 팝업창 띄우기
<head>
<title>입장시 자동으로 팝업창 띄우기</title>
<!-- 삽입해야 할 소스 시작 -->
<script language="javascript">
<!--
function OpenWindow() {
window.open("insa-hi.html","_blank","top=0,left=0,width=470,height=340,resizable=1,scrollbars=no");
}
//-->
</script>
</head>
<body onLoad="OpenWindow()">
<!-- 삽입해야 할 소스 끝 -->
또는
<!-- 삽입해야 할 소스 시작 -->
<body onload="window.open('insa-hi.html', 'new', 'toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no, resizable=no,width=470,height=340')">
<!-- 삽입해야 할 소스 끝 -->
퇴장시 팝업창 띄우기
<!-- 삽입해야 할 소스 시작 -->
<body onunload="popup();">
<script language=javascript>
<!--
function popup()
{
window.open("testby.html", "_blank",
"top=0,left=0,width=463,height=178" +
",toolbar=1,status=1,scrollbars=0,resizable=0");
}
-->
</script>
<!-- 삽입해야 할 소스 끝 -->
또는
<!-- 삽입해야 할 소스 시작 -->
<body onunload="window.open('testby.html')">
<!-- 삽입해야 할 소스 끝 -->
클릭을 하면 팝업창이 뜨는 스크립트
<title>링크 클릭시 팝업창 띄우기</title>
<!-- 삽입해야 할 소스 시작 -->
<script language="javascript">
<!--
function OpenWindow(url,intWidth,intHeight) {
window.open(url, "_blank", "width="+intWidth+",height="+intHeight+",resizable=1,scrollbars=1") ;
}
//-->
</script>
</head>
<body>
<br>
<center>
<a href="javascript:OpenWindow('insa-hi.html','470','340')">여기를 누르면 새로운 창을 띄웁니다.</a>
</center>
<!-- 삽입해야 할 소스 끝 -->
</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> 이런식으루 하면 되는거죠...^^
또한 자동팝업이 아니라 링크를 클릭하면 새창이 뜨게 할려면
<a href="#" onclick="window.open('주소','small','width=350,height=400,scrollbars=yes,menubar=yes')">클릭</a>
이렇게 하시면 됩니다. 이때 중간에 "small"은 꼭 붙이시길..
<head>
<title>입장시 자동으로 팝업창 띄우기</title>
<!-- 삽입해야 할 소스 시작 -->
<script language="javascript">
<!--
function OpenWindow() {
window.open("insa-hi.html","_blank","top=0,left=0,width=470,height=340,resizable=1,scrollbars=no");
}
//-->
</script>
</head>
<body onLoad="OpenWindow()">
<!-- 삽입해야 할 소스 끝 -->
또는
<!-- 삽입해야 할 소스 시작 -->
<body onload="window.open('insa-hi.html', 'new', 'toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no, resizable=no,width=470,height=340')">
<!-- 삽입해야 할 소스 끝 -->
퇴장시 팝업창 띄우기
<!-- 삽입해야 할 소스 시작 -->
<body onunload="popup();">
<script language=javascript>
<!--
function popup()
{
window.open("testby.html", "_blank",
"top=0,left=0,width=463,height=178" +
",toolbar=1,status=1,scrollbars=0,resizable=0");
}
-->
</script>
<!-- 삽입해야 할 소스 끝 -->
또는
<!-- 삽입해야 할 소스 시작 -->
<body onunload="window.open('testby.html')">
<!-- 삽입해야 할 소스 끝 -->
클릭을 하면 팝업창이 뜨는 스크립트
<title>링크 클릭시 팝업창 띄우기</title>
<!-- 삽입해야 할 소스 시작 -->
<script language="javascript">
<!--
function OpenWindow(url,intWidth,intHeight) {
window.open(url, "_blank", "width="+intWidth+",height="+intHeight+",resizable=1,scrollbars=1") ;
}
//-->
</script>
</head>
<body>
<br>
<center>
<a href="javascript:OpenWindow('insa-hi.html','470','340')">여기를 누르면 새로운 창을 띄웁니다.</a>
</center>
<!-- 삽입해야 할 소스 끝 -->
</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> 이런식으루 하면 되는거죠...^^
또한 자동팝업이 아니라 링크를 클릭하면 새창이 뜨게 할려면
<a href="#" onclick="window.open('주소','small','width=350,height=400,scrollbars=yes,menubar=yes')">클릭</a>
이렇게 하시면 됩니다. 이때 중간에 "small"은 꼭 붙이시길..
댓글 0
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 수 |
|---|---|---|---|---|
| 공지 | 정보 공유 | 시냇물 | 2009.12.09 | 44819 |
| 16 |
기존 - PC를 구매할때 우선순위
 | 시냇물 | 2023.03.07 | 119 |
| 15 |
밴드에서 견본파일 다운받아 실행
| 시냇물 | 2023.02.21 | 129 |
| 14 | ChatGPT 가입 및 질문 [1] | 시냇물 | 2023.02.20 | 408 |
| 13 |
가성비 CPU와 감성 그래픽카드(RTX 3060이상) 비교
| 시냇물 | 2023.01.31 | 155 |
| 12 |
파일서버(디ð딤 자작Nas) vs NAS 비교
| 시냇물 | 2023.01.14 | 291 |
| 11 |
폰으로 서버 끄기(긴급상황대처)
| 시냇물 | 2022.12.06 | 174 |
| 10 |
원격데스크톱 활용 및 필요성(1인•중소기업 필수)
| 시냇물 | 2022.11.21 | 569 |
| 9 |
파워 전원이 공급되면 컴퓨터 자동부팅(Wol 대체)
| 시냇물 | 2022.11.20 | 294 |
| 8 |
백업의 중요성, 재해복구(DR)
| 시냇물 | 2022.11.02 | 313 |
| 7 | PC 실 사용 속도 | 시냇물 | 2022.08.08 | 107 |
| 6 |
업무공백(병가 등) 대처(원격제어)
| 시냇물 | 2022.04.03 | 151 |
| 5 |
자유로운 근무환경 만들기
| 시냇물 | 2022.03.17 | 139 |
| 4 |
사무실 PC를 집 PC로 제어(개인비서)
| 시냇물 | 2022.02.28 | 294 |
| 3 |
회사 PC연결 지원 및 운영
| 시냇물 | 2022.01.16 | 90 |
| 2 |
신세계 방문(반영구 원격, 네트워크, 공유PC(간이서버), 스마트이중백업)
[3] | 시냇물 | 2021.12.24 | 711 |
| 1 |
네트워크 개선 필요성
| 시냇물 | 2022.01.04 | 373 |