로딩중 처리 레이어 기본타입
참고/웹개발 : 2007/04/11 10:54
<!-- ######### ...ing 디스플레이 시작 ################ -->
<div id="uploadingDiv" style="position:absolute; display:none; z-index:10;left:0;top:0; width:100%; height:100%;">
<table cellpadding="0" cellspacing="0" width="100%" height="100%">
<tr>
<td>
<table cellpadding="0" cellspacing="0" align="center" bgcolor="yellow">
<tr>
<td width="250" height="80" align="center">업로드중...<img src="<?=$board_skin_path?>/img/loading.gif"> <input type="button" value="취 소" onclick="location.reload();"></td>
</tr>
</table>
</td>
</tr>
</table>
<div id="uploadingDivBg" style="position:absolute; z-index:-1;left:0;top:0; width:100%; height:100%;filter: Alpha(opacity=50); background-color:#2F2F2F;"></div>
</div>
<!-- ######### ...ing 디스플레이 끝 ################ -->
<SCRIPT LANGUAGE="JavaScript" type="text/javascript">
<!--
function uploadingDivFixed()
{
document.getElementById("uploadingDiv").style.top = document.body.scrollTop;
}
setInterval("uploadingDivFixed()", 100);
//-->
</SCRIPT>
<div id="uploadingDiv" style="position:absolute; display:none; z-index:10;left:0;top:0; width:100%; height:100%;">
<table cellpadding="0" cellspacing="0" width="100%" height="100%">
<tr>
<td>
<table cellpadding="0" cellspacing="0" align="center" bgcolor="yellow">
<tr>
<td width="250" height="80" align="center">업로드중...<img src="<?=$board_skin_path?>/img/loading.gif"> <input type="button" value="취 소" onclick="location.reload();"></td>
</tr>
</table>
</td>
</tr>
</table>
<div id="uploadingDivBg" style="position:absolute; z-index:-1;left:0;top:0; width:100%; height:100%;filter: Alpha(opacity=50); background-color:#2F2F2F;"></div>
</div>
<!-- ######### ...ing 디스플레이 끝 ################ -->
<SCRIPT LANGUAGE="JavaScript" type="text/javascript">
<!--
function uploadingDivFixed()
{
document.getElementById("uploadingDiv").style.top = document.body.scrollTop;
}
setInterval("uploadingDivFixed()", 100);
//-->
</SCRIPT>
Trackback Address :: http://jjangu.pe.kr/blog/trackback/416



