html소스 [팝업] 팝업창 관련
2004.11.03 01:30
[팝업] 팝업창 닫기
<a href="javascript:parent.close();">닫기버튼</a>
======================================================
[팝업] 팝업윈도우 항상 상단에 뜨기
<script language='JavaScript'>
<!--
window.moveTo(0,0);
//-->
</script>
======================================================
[팝업] 이미지 사이즈대로 팝업창크기 조절
<script language="JavaScript">
function newwin(){
window.open('새창문서.html','newwin','width=400,height=400,location=0,menubar=0
,resizable=no,scrollbars=yes,status=0,titlebar=0,toolbar=0');
}
</script>
<body> 와 </body> 사이중 원하는 위치에 아래처럼 링크태그를 사용하면 됩니다.
<a href="javascript:newwin();">새창띄우기</a>
----------------------------------------------------------------------------------
<a href="#" onClick="MM_openBrWindow('pop.html','','toolbar=yes,location=yes,status=yes,menubar=yes,scrollbars=yes,resizable=yes,width=200,height=200')">글씨</a>
======================================================
[팝업] 팝업창 닫히면서 페이지이동
<script Language="JavaScript">
function golistview()
{
var firstWin = window.opener;
firstWin.location.href="Index.asp";
window.close(this);
}
</script>
<a href="javascript:golistview()"><img src="/Images/but_list.gif" border="0" name="but_list"></a>
----------------------------------------------------------------------------------
- firstWin : 처음에 오픈창을 띄웠던 페이지
- firstWin 페이지에 Index.asp라는 페이지를 로딩한후, 현재의 윈도우는 닫으라는 스크립트..
======================================================
[팝업] 팝업창에서 아이프레임으로 링크
1. 노프레임일때
onclick="opener.Frame-Name.location.href='주소'"
-> opner.아이프레임의네임.location.href='아이프레임에보여줄주소'"
2. 프레임셋일때
opner.parent.프레임이름.아이프레임의네임.location.href='아이프레임에보여줄주소'
--------------------------------------------------------------------------------
일반 프레임셋에서 한군데 문서에서 링크를 새창으로 했을때
새창에서 자신을 띄워준 부모창에 다른프레임에 문서를 불른다면
opener.parent.f-name.location.href='2.htm'
이런식으로 하죠. 마찬가지로 아이프레임도 프레임중 하나기 때문에
f-name 만 아이프레임 이름으로 바꿔주심됩니다.
<a href="#" onclick="opener.parent.t.location.href='[H]s2.htm';">부로창아이프레임에링크</a>
-------------------------------------------------------------------------------
ex) 소프트쿡에서 이다페이지를 불러올경우..
-><a href="2game_2ida.html" target="game" onclick="opener.contents.location.href='2game.html'">이다 (IDA)</a>
---------------------------------------------------------------------------------
[INDEX.HTML]
<script language="JavaScript">
<!--
//쿠키값을 가져오는 함수
function getCookie(name) {
var from_idx = document.cookie.indexOf(name+'=');
if (from_idx != -1) {
from_idx += name.length + 1
to_idx = document.cookie.indexOf(';', from_idx)
if (to_idx == -1) {
to_idx = document.cookie.length
}
return unescape(document.cookie.substring(from_idx, to_idx))
}
}
var CloseDate = new Date("Feb 4, 2002"); //팝업 윈도우를 닫고자 하는 날짜를 입력하세요.
var Today = new Date(); //오늘 날짜
if (Today < CloseDate)
{
//getCookie 함수를 호출하여 쿠키값을 가져온다.
var blnCookie = getCookie("op1");
//쿠키값이 true가 아닐 경우에만 새 창을 띄운다.
if ( !blnCookie ) {
win = window.open("open.html","op1","width=300,height=450");
win.focus();
}
}
//-->
</script>
-----------------------------------------------
[OPEN.HTML]
<script language="JavaScript">
<!--
//설정한 날짜만큼 쿠키가 유지되게. expiredays가 1 이면 하루동안 유지
function setCookie(name, value, expiredays) {
var expire_date = new Date();
expire_date.setDate(expire_date.getDate() + expiredays );
document.cookie = name + "=" + escape( value ) + "; expires=" + expire_date.toGMTString() + "; path=/";
}
//쿠키 소멸 함수
function clearCookie(name) {
var expire_date = new Date();
//어제 날짜를 쿠키 소멸 날짜로 설정한다.
expire_date.setDate(expire_date.getDate() - 1)
document.cookie = name + "= " + "; expires=" + expire_date.toGMTString() + "; path=/"
}
//체크 상태에 따라 쿠키 생성과 소멸을 제어하는 함수
function controlCookie(elemnt) {
if (elemnt.checked) {
//체크 박스를 선택했을 경우 쿠키 생성 함수 호출
setCookie("op1","true", 1)
}
else {
//체크 박스를 해제했을 경우 쿠키 소멸 함수 호출
clearCookie("op1")
}
return
}
//-->
</script>
---------------------
<form name="form1" method="post" action="">
<input type="checkbox" name="closeEvent" onClick="controlCookie(this)">오늘 하루 이 창을 열지 않습니다!
</form>
-------------------
index.html 파일안에서 스크립트 문구중 이곳을 수정합니다.
var CloseDate = new Date("January 10, 2002"); //팝업 윈도우를 닫고자 하는 날짜를 입력하세요.
var Today = new Date(); //오늘 날짜
오픈창 종료일을 맞춰주세요.
January {1월}
February {2월}
March {3월}
April {4월}
May {5월}
June {6월}
July {7월}
August {8월}
September {9월}
October {10월}
November {11월}
December {12월}
입니다.
<a href="javascript:parent.close();">닫기버튼</a>
======================================================
[팝업] 팝업윈도우 항상 상단에 뜨기
<script language='JavaScript'>
<!--
window.moveTo(0,0);
//-->
</script>
======================================================
[팝업] 이미지 사이즈대로 팝업창크기 조절
<script language="JavaScript">
function newwin(){
window.open('새창문서.html','newwin','width=400,height=400,location=0,menubar=0
,resizable=no,scrollbars=yes,status=0,titlebar=0,toolbar=0');
}
</script>
<body> 와 </body> 사이중 원하는 위치에 아래처럼 링크태그를 사용하면 됩니다.
<a href="javascript:newwin();">새창띄우기</a>
----------------------------------------------------------------------------------
<a href="#" onClick="MM_openBrWindow('pop.html','','toolbar=yes,location=yes,status=yes,menubar=yes,scrollbars=yes,resizable=yes,width=200,height=200')">글씨</a>
======================================================
[팝업] 팝업창 닫히면서 페이지이동
<script Language="JavaScript">
function golistview()
{
var firstWin = window.opener;
firstWin.location.href="Index.asp";
window.close(this);
}
</script>
<a href="javascript:golistview()"><img src="/Images/but_list.gif" border="0" name="but_list"></a>
----------------------------------------------------------------------------------
- firstWin : 처음에 오픈창을 띄웠던 페이지
- firstWin 페이지에 Index.asp라는 페이지를 로딩한후, 현재의 윈도우는 닫으라는 스크립트..
======================================================
[팝업] 팝업창에서 아이프레임으로 링크
1. 노프레임일때
onclick="opener.Frame-Name.location.href='주소'"
-> opner.아이프레임의네임.location.href='아이프레임에보여줄주소'"
2. 프레임셋일때
opner.parent.프레임이름.아이프레임의네임.location.href='아이프레임에보여줄주소'
--------------------------------------------------------------------------------
일반 프레임셋에서 한군데 문서에서 링크를 새창으로 했을때
새창에서 자신을 띄워준 부모창에 다른프레임에 문서를 불른다면
opener.parent.f-name.location.href='2.htm'
이런식으로 하죠. 마찬가지로 아이프레임도 프레임중 하나기 때문에
f-name 만 아이프레임 이름으로 바꿔주심됩니다.
<a href="#" onclick="opener.parent.t.location.href='[H]s2.htm';">부로창아이프레임에링크</a>
-------------------------------------------------------------------------------
ex) 소프트쿡에서 이다페이지를 불러올경우..
-><a href="2game_2ida.html" target="game" onclick="opener.contents.location.href='2game.html'">이다 (IDA)</a>
---------------------------------------------------------------------------------
[INDEX.HTML]
<script language="JavaScript">
<!--
//쿠키값을 가져오는 함수
function getCookie(name) {
var from_idx = document.cookie.indexOf(name+'=');
if (from_idx != -1) {
from_idx += name.length + 1
to_idx = document.cookie.indexOf(';', from_idx)
if (to_idx == -1) {
to_idx = document.cookie.length
}
return unescape(document.cookie.substring(from_idx, to_idx))
}
}
var CloseDate = new Date("Feb 4, 2002"); //팝업 윈도우를 닫고자 하는 날짜를 입력하세요.
var Today = new Date(); //오늘 날짜
if (Today < CloseDate)
{
//getCookie 함수를 호출하여 쿠키값을 가져온다.
var blnCookie = getCookie("op1");
//쿠키값이 true가 아닐 경우에만 새 창을 띄운다.
if ( !blnCookie ) {
win = window.open("open.html","op1","width=300,height=450");
win.focus();
}
}
//-->
</script>
-----------------------------------------------
[OPEN.HTML]
<script language="JavaScript">
<!--
//설정한 날짜만큼 쿠키가 유지되게. expiredays가 1 이면 하루동안 유지
function setCookie(name, value, expiredays) {
var expire_date = new Date();
expire_date.setDate(expire_date.getDate() + expiredays );
document.cookie = name + "=" + escape( value ) + "; expires=" + expire_date.toGMTString() + "; path=/";
}
//쿠키 소멸 함수
function clearCookie(name) {
var expire_date = new Date();
//어제 날짜를 쿠키 소멸 날짜로 설정한다.
expire_date.setDate(expire_date.getDate() - 1)
document.cookie = name + "= " + "; expires=" + expire_date.toGMTString() + "; path=/"
}
//체크 상태에 따라 쿠키 생성과 소멸을 제어하는 함수
function controlCookie(elemnt) {
if (elemnt.checked) {
//체크 박스를 선택했을 경우 쿠키 생성 함수 호출
setCookie("op1","true", 1)
}
else {
//체크 박스를 해제했을 경우 쿠키 소멸 함수 호출
clearCookie("op1")
}
return
}
//-->
</script>
---------------------
<form name="form1" method="post" action="">
<input type="checkbox" name="closeEvent" onClick="controlCookie(this)">오늘 하루 이 창을 열지 않습니다!
</form>
-------------------
index.html 파일안에서 스크립트 문구중 이곳을 수정합니다.
var CloseDate = new Date("January 10, 2002"); //팝업 윈도우를 닫고자 하는 날짜를 입력하세요.
var Today = new Date(); //오늘 날짜
오픈창 종료일을 맞춰주세요.
January {1월}
February {2월}
March {3월}
April {4월}
May {5월}
June {6월}
July {7월}
August {8월}
September {9월}
October {10월}
November {11월}
December {12월}
입니다.
댓글 0
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 수 |
|---|---|---|---|---|
| 71 | asp | juro | 2009.01.15 | 27876 |
| 70 | 최근글 한두개는 이미지와 내용까지 보고 나머지는 리스트만 보여주는 게시물 추출 (공지사항추출용) | juro | 2008.11.20 | 1725 |
| 69 | 비트맵이미지 벡터로 빼기 | juro | 2008.10.19 | 1075 |
| 68 | 웹표준을 준수하며 플래시사용하는 법 | juro | 2008.09.06 | 4008 |
| 67 | USB 인식 | juro | 2008.08.28 | 1916 |
| 66 | 자바스크립트_특정페이지로가기 [1] | juro | 2008.02.19 | 8730 |
| 65 | 이올라스 소송에 따른 IE 설계변경 간단 패치 | juro | 2006.05.05 | 5536 |
| 64 | [re] 이올라스 소송에 따른 IE 설계변경 간단 패치 | juro | 2006.05.05 | 1498 |
| 63 | [re] 이올라스 소송에 따른 IE 설계변경 간단 패치 | juro | 2006.05.05 | 6667 |
| 62 | 동영상 파일을 6mm테이프로 옮기기 | juro | 2006.02.02 | 1082 |
| 61 |
물방울이미지
 | juro | 2005.06.01 | 1647 |
| 60 | 마우스오버시 손모양안나오게 | juro | 2005.04.04 | 1313 |
| 59 | [펌] 디지털 시대의 디자인 | ars | juro | 2005.01.20 | 1088 |
| 58 | 무비의 크기유지 | juro | 2004.11.16 | 757 |
| 57 | 모션 그래픽에 관하여 | juro | 2004.11.08 | 1019 |
| » | [팝업] 팝업창 관련 | juro | 2004.11.03 | 3058 |
| 55 | [기타] 해상도별 다른 페이지 보여주기 | juro | 2004.11.03 | 1306 |
| 54 | [프린트] 프린트하기 | juro | 2004.11.03 | 806 |
| 53 | 한국의색 | juro | 2004.10.25 | 983 |
| 52 | Pictogram과 SymbolMark | juro | 2004.10.05 | 1361 |
