작성일 : 14-06-14 02:37
|
[Script] 동적 table 만들기 objTbl
|
 |
|
글쓴이 :
조형래
 조회 : 4,583
|
<html>
<table id="variableFiles">
</table>
</html>
<style>
#variableFiles {
border: 0px currentColor;
}
#variableFiles .vf_th {
width: 133px;
}
#variableFiles td {
background: rgb(255, 255, 255); margin: 0px; padding: 1px; border: 0px currentColor; text-align: left; color: rgb(85, 85, 85); font-weight: bold;
}
#variableFiles td label.variableFiles_item {
margin: 0px; padding: 5px; width: 80px; text-align: left; letter-spacing: -0.1em; font-weight: bold; display: block;
}
#variableFiles td .wr_file_del {
display: block;
}
</style>
<script>
// Table 파일 첨부를 Div 로 변경: 지운아빠 2012-07-04
// TD로 복구 지운아빠 2012-07-31
var flen = 0;
function add_file(delete_code){
var upload_count = 99;
if (upload_count && flen >= upload_count)
{
alert("이 게시판은 "+upload_count+"개 까지만 파일 업로드가 가능합니다.");
return;
}
var objTbl;
var objRow;
var objCell;
if (document.getElementById)
objTbl = document.getElementById("variableFiles");
else
objTbl = document.all["variableFiles"];
objRow = objTbl.insertRow(objTbl.rows.length);
objRow.setAttribute('class',' variableFiles_item'); // 속성 추가
objCell = objRow.insertCell(0);
objCell.innerHTML = '<input type="file" name="bf_file[]" id="bf_file'+flen+'" class="wr_file " title="파일 용량 10,485,760 바이트 이하만 업로드 가능">';
if (delete_code)
objCell.innerHTML += delete_code;
else
{
;
}
objCell = objRow.insertCell(0);
objCell.innerHTML = '<label for="bf_file'+flen+'" id="for_bf_file'+flen+'" class="variableFiles_item">파일 '+(flen+1)+'</label>';
//document.getElementById('bf_file'+flen).focus(); // 항목 추가 후 추가된 항목에 포커스 주기
flen++;
}
add_file('');
function del_file()
{
// file_length 이하로는 필드가 삭제되지 않아야 합니다.
var file_length = 0;
var objTbl = document.getElementById("variableFiles");
if (objTbl.rows.length - 1 > file_length)
{
objTbl.deleteRow(objTbl.rows.length - 1);
flen--;
}
}
</script>
|
|
1174
