행추가, 행삭제 관련된스크립트
페이지 정보
작성자 서방님 댓글 0건 조회 118회 작성일 06-09-20 17:37본문
<style>
.TBL_SUBJT {
font-weight:bold;
color:white;
text-align:center;
background-color:#5AA8DC;
font-size:9pt;font-family:tahoma;
}
.TBL_CONT {
padding:2 0 2 5;
background-color:#C8E5F6;
}
td,select,input { font-size:9pt;font-family:tahoma;}
</style>
<script language="javascript" src="/skmdi/javascript/option.js"></script>
<span onmouseout="img_inact()" onmouseover="img_act()">
<script language="javascript">
function addRow(e) {
var oRow = e.insertRow();
var oCell = oRow.insertCell();
oCell.innerHTML = e.value;
}
function delRow(e) {
if (e.rows.length > 2) {
e.deleteRow();
}
}
function initData(e) {
e.value = e.cells[1].innerHTML;
}
</script>
<form name="frm">
<table border="0" cellpadding="0" cellspacing="0" id="oTbl" value="">
<tr>
<td align="right"> <a href="javascript:addRow(oTbl);"><img border="0" onimg="/skcorp/images/lecture/bt_llineplus_over.gif" src="/skcorp/images/lecture/bt_llineplus.gif" type="i1"></a>
<a href="javascript:delRow(oTbl);"><img border="0" onimg="/skcorp/images/lecture/bt_llineminus_over.gif" src="/skcorp/images/lecture/bt_llineminus.gif" type="i1"></a>
</td>
</tr>
<tr>
<td>
<!-- Table head & table body -->
<table bgcolor="#f2f2f2" cellpadding="0" cellspacing="1" width="550">
<tr height="22">
<td class="TBL_SUBJT" width="100">제목</td>
<td class="TBL_CONT" width="450"><input name="subject" size="50" type="text"></td>
</tr>
<tr height="22">
<td class="TBL_SUBJT">내용</td>
<td class="TBL_CONT">
<textarea cols="60" name="content" rows="4"></textarea>
</td>
</tr>
</table>
<!-- End -->
</td>
</tr>
</table>
<script>initData(oTbl)</script>
</form>
<hr>
<form name="frm2">
<table border="0" cellpadding="0" cellspacing="0" id="oTbl2" value="">
<tr>
<td align="right"> <a href="javascript:addRow(oTbl2);"><img border="0" onimg="/skcorp/images/lecture/bt_llineplus_over.gif" src="/skcorp/images/lecture/bt_llineplus.gif" type="i1"></a>
<a href="javascript:delRow(oTbl2);"><img border="0" onimg="/skcorp/images/lecture/bt_llineminus_over.gif" src="/skcorp/images/lecture/bt_llineminus.gif" type="i1"></a>
<!-- Table head -->
<table bgcolor="#f2f2f2" cellpadding="0" cellspacing="1" width="550">
<tr height="22">
<td class="TBL_SUBJT" width="100">제목</td>
<td class="TBL_SUBJT" width="450">내용</td>
</tr>
</table>
<!-- Head end -->
</td>
</tr>
<tr>
<td>
<!-- Table body -->
<table bgcolor="#f2f2f2" cellpadding="0" cellspacing="1" width="550">
<tr height="22">
<td class="TBL_CONT"><input name="subject" size="13" type="text"></td>
<td class="TBL_CONT"><input name="subject" size="80" type="text"></td>
</tr>
</table>
<!-- Body end -->
</td>
</tr>
</table>
<script>initData(oTbl2)</script>
</form>
들여쓰기 정리 안함...ㅋ
댓글목록
등록된 댓글이 없습니다.
