1.테두리없는 팝업뛰우는데 우선 2개까지는되는데 3개는안되네요..

2.오늘하루창안뛰우기가 작동이 안되네요..




<script type="text/javascript">
function layerClose(id) {
document.getElementById("layerPopup" + id).style.visibility = "hidden";
}

function closeByToday(id){
if (document.getElementById("chkbox" + id).checked) {
setCookie("layerPopup" + id, "done", 1);
}

document.getElementById("layerPopup" + id).style.visibility = "hidden";
document.getElementById("chkbox" + id).checked = false;
}
</script>


<style type="text/css">
/*

레이어 갯수 만큼 생성하세요

*/
#layerPopup0 {
visibility : hidden;
position : absolute;
background-color : #F4F4F4;
border:0px solid #666666;
width : 403px;
color: #F4F4F4;
left : 30px;
top : 110px;
}
#layerPopup0 .whites{color:white}


#layerPopup1 {
visibility : hidden;
position : absolute;
background-color : #F4F4F4;
border:0px solid #666666;
width : 403px;
color: #F4F4F4;
left : 440px;
top : 110px;
}
#layerPopup1 .whites{color:white}

#layerPopup2 {
visibility : hidden;
position : absolute;
background-color : #F4F4F4;
border:0px solid #666666;
width : 800px;
color: #FFFFFF;
left : 730px;
top : 110px;
}
#layerPopup2 .whites{color:white}
</style>


<div id="layerPopup0">

<table cellpadding='0' cellspacing='0' border='0'>
<tr>
<td><div align="right"><a href="#" onClick="layerClose(0);" onfocus=blur()>닫기</a></div>
<table width="403" height="480" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="/images/pop001.gif" width="403" height="480"></td>
</tr>
</table></td>
</tr>
<tr>
<td align="right" bgcolor="#000000" height="25" style="cursor:pointer"><input type="checkbox" name="chkbox0" id="chkbox0" onclick="closeByToday(0)"> <span class='whites'>하루 동안 이 창을 열지 않습니다.  </span></td>
</tr>
</table>
</div>

<div id="layerPopup1">

<table cellpadding='0' cellspacing='0' border='0'>
<tr>
<td><div align="right"><a href="#" onClick="layerClose(0);" onfocus=blur()>닫기</a></div>
<table width="403" height="480" border="0" cellpadding="0" cellspacing="0">
<td><img src="/images/pop002.gif" width="403" height="480"></td>
</tr>
</table></td>
</tr>
<tr>
<td align="right" bgcolor="#000000" height="25" style="cursor:pointer"><input type="checkbox" name="chkbox1" id="chkbox1" onclick="closeByToday(1)"> <span class='whites'>하루 동안 이 창을 열지 않습니다.  </span></td>
</tr>
</table>
</div>

<div id="layerPopup2">

<table cellpadding='0' cellspacing='0' border='0'>
<tr>
<td><a href="#" onClick="layerClose(2);" onfocus=blur()>닫기</a></td>
</tr>
<tr>
<td align="right" bgcolor="#000000" height="25" style="cursor:pointer"><input type="checkbox" name="chkbox2" id="chkbox2" onclick="closeByToday(2)"> <span class='whites'>하루 동안 이 창을 열지 않습니다.  </span></td>
</tr>
</table>
</div>


<script type="text/javascript">
var cookiedata = document.cookie;

for (i = 0; i < 2; i++){
if (cookiedata.indexOf("layerPopup" + i + "=done") < 0) {
document.getElementById("layerPopup" + i).style.visibility = "visible";
} else {
document.getElementById("layerPopup" + i).style.visibility = "hidden";
}
}
</script>



이렇게했는데 뭔가 문제인지 좀 알려주세요 ~