본문부분
<HEAD>부분에서 넣어야 할 자바스크립트 함수부분과 <BODY) 부분에서 스크립트 함수를 호출하여 띄울 팝업창으로 구성됨
---------------------------------------------------------
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
function ReadCookie(name) // 쿠키 기능을 정의 하는 자바입니다.
{
var label = name + "=" ; // 이름
var labelLen = label.length ; // 이름길이
var cLen = document.cookie.length; // 쿠키전체길이
var i = 0;
while (i < cLen){
var j = i + labelLen;
if (document.cookie.substring(i,j) == label) { // 쿠키에서 이름을 찾았으면
var cEnd = document.cookie.indexOf(";",j) ; // j에서부터 ;를찾아 이름끝위치를 찾고
if (cEnd == -1){
cEnd = document.cookie.length;
}
return unescape(document.cookie.substring(j,cEnd)) ; // 값을 돌려준다네
}
i++ ; // 처음부터 찾아나가네
}
return "";
}
function popup1() { // 팝업창을 띄우게 하는 자바입니다.
var ck = ReadCookie( 'popup1' ); // 팝업창에서 저장한 popup1 이라는 이름의 쿠키의 값을 읽어서
if ( ck == '1' ) return; // 쿠키값이 1이면 안띄움..
window.open("./popup/popup1.html", "popup1", "left=70,top=70, width=400,height=588, toolbar=no, menubar=no, scrollbars=no, resizable=no");
}
function popup2() {
var ck = ReadCookie( 'popup2' );
if ( ck == '1' ) return;
window.open("./popup/popup2.html", "popup2", "left=210,top=70, width=400,height=588, toolbar=no, menubar=no, scrollbars=no, resizable=no");
}
</SCRIPT>
</HEAD>
<BODY>
<SCRIPT>
popup1();
popup2();
</SCRIPT>
---------------------------------------------------------
팝업창 부분 ( popup1.html )
<HEAD>부분의 스크립트 함수에서 불러올 팝업창 내용이다.
---------------------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head><title>e-러닝 행사 안내</title>
<meta http-equiv="Content-Type" c"text/html; charset=euc-kr">
</head>
<script language="javascript">
function setCookie( name, value, expiredays ) { // 팝업 그만보기 관련
var today = new Date();
today.setDate( today.getDate() + expiredays );
document.cookie = name + "=" + escape( value ) + "; path=/; expires=" + today.toGMTString() + ";";
}
function closeWindow() { // 팝업닫기 관련
setCookie( "popup1", "1" , 1); // popup1 이라는 쿠키를 저장, 값은 1, 저장 기간은 1일
self.close();
}
function goSite(url){
opener.location.href = url;
self.close();
}
</script>
<style type="text/css">
.txt {
font-family: "돋음";
font-size: 9pt;
color: #FFFFFF;
}
</style>
<BODY leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table border=0 cellpadding=0 cellspacing=0 width=400>
<tr>
<td> <img src="img/elearn_event.jpg" border="0" usemap="#Map"></a> </td>
</tr>
<tr><form name=form>
<td height="30" align=center bgcolor="555555" class="txt">
<input type="checkbox" name="chk_close" value="checkbox" "closeWindow();">하루 동안 이창을 열지 않음
</td>
</form>
</tr>
</table>
<map name="Map">
<area shape="rect" coords="240,445,465,475" href="http://abc.abc.net/~elearn2006" target="_blank">
</map>
</BODY>
</HTML>
'JAVASCRIPT' 카테고리의 다른 글
| input 박스 글자수 제한 (0) | 2011.07.22 |
|---|---|
| 이메일 (email) 체크 (0) | 2011.07.22 |
| 라디오 버튼 체크 (0) | 2011.07.22 |
| 멀티체크박스 컨트롤 (0) | 2011.07.22 |
| 팝업창에 포스트(POST)로 값 넘기기 (0) | 2011.07.22 |