웹프로그램
자바스크립트 div를 이용하여 보였다 안보였다 하기 visibility 이용
세이박스
2008. 11. 7. 16:23
반응형
<script language="JavaScript">
<!--
function divView(btnId) {
var btn = eval("document.images."+btnId);
var div = eval("document.all.div_"+btnId);
if(div.currentStyle["visibility"]=="visible") {
btn.src = "$CTX_ROOT/images/button/btn_plus.gif";
div.style.visibility="hidden";
} else if(div.currentStyle["visibility"]=="hidden") {
btn.src = "$CTX_ROOT/images/button/btn_minus.gif";
div.style.visibility="visible";
}
}
//-->
</script>
<img src="/images/button/btn_plus.gif" alt="클릭시 하단이 늘어납니다." align="absmiddle" id="btnTotal" style="cursor:hand" onclick="divView(this.id);">
<table id="div_btnTotal" style="visibility:hidden;">
<tr>
<td>사라졌다 나타났다</td>
</tr>
</table>
반응형