묻고답하기
레이어팝업소스.... 크롬에서 안되네요.
2016.12.27 10:37
안녕하세요.
전부터 계속 아래소스를 사용하여 레이어팝업을 적용했었습니다.
레이아웃 소스에 아래 코드를 삽입하였고, 메인페이지 레이아웃에만 적용하여 사용했습니다.
지금까지는 크롬. 파이어폭스. 익스플로 다 이상없이 잘 사용하였었습니다.
그런데 최근에 익스플로어만 적용되고...
크롬이나 파이어폭스는 적용이 안되는 현상이 있습니다.
아래 소스가 웹호환성이나 웹표준에 문제되는 부분이 있을까요?
고수님들의 확인 및 조언 부탁드립니다.
---------------------------------------------------------------------------------
<!-- 레이어팝업창 -->
<script language='JavaScript'>
<!--
// 쿠키에 등록
function setCookie( name, value, expiredays )
{
var todayDate = new Date();
todayDate.setDate( todayDate.getDate() + expiredays );
document.cookie = name + '=' + escape( value ) + '; path=/; expires=' + todayDate.toGMTString() + ';'
}
// 팝업창 닫기
function closeWin(flag, layer)
{
var obj = window.event.srcElement;
// 오늘 보이지 않게 하기위한 체크박스 체크여부
if ( flag )
{
// 하루 보이지 않게 쿠키에 값을 저장
setCookie( layer, 'done' , 1 );
}
// 레이어 팝업 감추기
document.all[layer].style.visibility = 'hidden';
}
window.onload = function() // 윈도우즈 로딩이 끝난후
{
// 쿠키 정보 가져오기
cookiedata = document.cookie;
var divs = document.all.tags('DIV'); // DIV 들을 가져옵니다.
for(var i=0; i<divs.length; i++)
{
if(divs[i].className=='layer_popup') // DIV 중에 class 가 layer_popup 로 지정된 객체들이면
{
// 쿠키 내에서 해당하는 div 객체의 ID 값을 가지는 객체를 가져와서 동적으로 비교
if( cookiedata.indexOf(divs[i].id+'=done')>=0 ) document.all[divs[i].id].style.visibility = 'hidden';
else document.all[divs[i].id].style.visibility = 'visible';
}
}
}
window.onresize = fncResize;
function fncResize()
{
var img = document.getElementById('posImg');
var pop = document.getElementById('divpop1');
pop.style.left = img.offsetLeft + 'px';
}
//-->
</script>
<div id='divpop1' class='layer_popup' style='position:absolute;left:50px;top:150px;z-index:2000;visibility:hidden;'>
<table width='210' height='93' cellpadding='2' cellspacing='0' border="0">
<tr>
<td style='border:0px #666666 solid' align='center' bgcolor='ffffff'>
<img src="http://img.naver.net/static/www/u/2013/0731/nmms_224940510.gif" alt="popup" width="210" height="78" border="0">
</td>
</tr>
<tr>
<td align='left' bgcolor='ffffff' height="15"><span style="margin-left:15px;">
<input type='checkbox' name='chkbox' value='divpop1' onclick='closeWin(true,"divpop1");'></span><span style="margin-left:10px; color:#090909;"> 오늘 하루 이 창을 열지 않음</span>
<span style="float:right; margin-right:10px;"><a href='#' value='divpop1' onclick='closeWin(false,"divpop1"); return false;'><B>[닫기]</B></a></span>
</td>
</tr>
</table>
</div>
- [2017/02/04] 묻고답하기 내용 직접 추가에서 html... *1