JS, HTML & CSS

간단한 div 팝업

관리자 | 2013.01.21 15:16 | 조회 4227


<script>
function eventShow() {
$('#wrapper').append( // div팝업내용 wrapper라는 이름의 div에 아래 div팝업을 넣어줍니다.

'<div id="event-pop-up" style="position:absolute; left:50%;margin-left:-260px; top:300px; z-index:99999;">'+
'<form name="notice_form">'+
'<div style="position:relative"><table border="0" cellPadding="0" cellSpacing="0">'+
'<tr>'+
'<td><a href="javascript:eventHide();" class="style1"><img src="http://img.sonyunara.com/img/pop.png"></a></td>'+
'</tr>'+
'</TABLE></div>'+
'<div style="position:absolute;bottom:10px;left:25px;"><table width="487" border="0" cellpadding="0" cellspacing="0" align="center">'+
'<tr>'+
'<td height="30px" valign="center" style="border:padding-left:20px;">'+
'<input type="checkbox" id="today-close" name="chkbox" [ONCLICK]="eventTodayHide()" />' +
'<label for="today-close"><span class="style1"> 오늘 하루 이 창을 열지 않음</span></label></td>' +
'</tr>'+
'</table></div>'+
'</form>'+
'</div>'
);
}

//eventHide() 는 닫기버튼을 눌를때 Div를 제거합니다.
function eventHide() {
$('#event-pop-up').remove();
}

//쿠키 설정 및 체크부분입니다.
function setCookie2( name, value, expiredays ) {
var todayDate = new Date();
todayDate.setDate( todayDate.getDate() + expiredays );
document.cookie = name + "=" + escape( value ) + "; path=/; expires=" + todayDate.toGMTString() + ";"
}
function getCookie2( name ) {
var nameOfCookie = name + "=";
var x = 0;
while ( x <= document.cookie.length )
{
var y = (x+nameOfCookie.length);
if ( document.cookie.substring( x, y ) == nameOfCookie ) {
if ( (endOfCookie=document.cookie.indexOf( ";", y )) == -1 )
endOfCookie = document.cookie.length;
return unescape( document.cookie.substring( y, endOfCookie ) );
}
x = document.cookie.indexOf( " ", x ) + 1;
if ( x == 0 )
break;
}
return "";
}
//쿠키 설정여부체크
function eventCookieChk(){
if ( getCookie2("eventDiv") != "checked" ) {
eventShow();
}else{
eventHide();
}
}
//오늘하루 보지 않음 체크여부에 따라 쿠키를 설정할것인지 아닌지를 결정합니다.
function eventTodayHide() {
if ( $('#today-close:checked') ){
setCookie2( "eventDiv", "checked" , 1 );
}
eventHide();
}
function MM_openBrWindow(theURL,winName,features) {
window.open(theURL,winName,features);
}
/* eventPopUp End */
/////////////////////////// 추가 디자인 팝업 -_- 끝
</script>




<div id="wrapper">

<script>
$(function () {
eventCookieChk();
});
</script>

</div>

그냥 드래그해서 넣고, 팝업 이미지만 바꿔주면 됨..

작동안되면,

제이쿼리 작동되도록

<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script>

이것도 넣어주고..

twitter facebook me2day 요즘
22개(1/2페이지)
JS, HTML & CSS
번호 제목 글쓴이 조회 날짜
22 [JQUERY] jquery json 관리자 3479 2014.08.19 17:27
21 [JQUERY] [jQuery] select box 관련 관리자 7956 2014.07.02 15:33
20 [JQUERY] ajax 로딩바 이미지 생성기 관리자 5445 2014.02.13 16:40
19 [JQUERY] 반응형 이미지맵 관리자 7415 2013.12.11 17:02
18 [CSS] 투명효과, alpha, 익스10, 파폭,크롬 모두 적용 관리자 5031 2013.08.05 11:40
17 [JQUERY] jQuery live, jQuery on, ajax callback class 처리문제 관리자 5068 2013.05.23 14:40
16 [JQUERY] 카카오스토리, 카카오톡, 페이스북 모바일 연동 첨부파일 관리자 4971 2013.04.10 12:09
15 [JQUERY] ajax 한글 처리 관리자 3181 2013.04.09 20:06
14 [라이브러리소개] 제이쿼리 + CSS 이용한 튜토리얼~ [1] 관리자 5159 2013.03.07 18:20
13 [JAVASCRIPT] 글자 자르기 관리자 3141 2013.03.06 12:02
12 [JQUERY] jquery mobile 페이지 이동, 링크 관리자 4598 2013.02.20 19:43
11 [JQUERY] AJAX 심플 예제~ json 관리자 9024 2013.02.08 14:03
10 [JQUERY] [출처] jQuery로 라디오버튼의 체크여부 검사하는 방법1 관리자 3879 2013.02.04 16:42
9 [JQUERY] AJAX 기본 관리자 3018 2013.01.25 15:57
8 [JQUERY] 무한 스크롤, infinite scroll 관리자 5668 2013.01.23 18:17
7 [JQUERY] 배열 checkbox 선택여부확인 관리자 4239 2013.01.21 15:17
6 [라이브러리소개] 롤링 갤러리 관리자 3270 2013.01.21 15:17
>> [JQUERY] 간단한 div 팝업 관리자 4228 2013.01.21 15:16
4 [라이브러리소개] 제이쿼리, 그래프, 그래프 종결자 첨부파일 [1] 관리자 6701 2013.01.21 15:16
3 [CSS] CSS 줄간격, 자간, 단어 간격 등 관리자 6071 2013.01.21 15:14
많이 본 글
댓글 많은 글