글쓰기시 행추가
본문
아래 소스는 글쓰기 할때 행을 추가할 수 있는 소스입니다. 잘 사용하고 있습니다.
다만, 행추가를 예를들어 5개만 추가 할 수 있게 하려는데 어찌해야 할까요?
현재는 행추가하면 계속해서 추가가 됩니다.
----------------------------------------------------------------------------------------------
<?php
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
include (G5_THEME_PATH.'/skin/multi_category/lib.php');
if ($w == "u") {
$wr_body_1 = explode("|",substr($write[wr_1], 1));
$wr_body_2 = explode("|",substr($write[wr_2], 1));
}
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0);
?>
<script>
function addRow() {
var oRow = dyntbl1.insertRow();
oRow.onmouseover=function(){dyntbl1.clickedRowIndex=this.rowIndex};
if(navigator.userAgent.indexOf("MSIE")){
var oCell1 = oRow.insertCell();
var oCell2 = oRow.insertCell();
var oCell6 = oRow.insertCell();
oCell1.innerHTML = "<input class='frm_input full_input' name=wr_body_1[] itemname='모델명' maxlength='100' placeholder='모델명' id='wr_1'>";
oCell2.innerHTML = "<input class='frm_input full_input' name=wr_body_2[] itemname='제품시리얼번호' maxlength='100' placeholder='제품시리얼번호' id='wr_2'>";
oCell6.innerHTML = "<span style='float: right;:right'><input type=button style='width:100%;;' value=\" 삭제 \" onClick=\"delRow()\" id='wr_7' class='btn_cancel btn'></span>";
document.recalc();
}
else if(navigator.userAgent.indexOf("Chrome")){
var oCell1 = oRow.insertCell();
var oCell2 = oRow.insertCell();
var oCell6 = oRow.insertCell();
oCell1.innerHTML = "<input class='frm_input full_input' name=wr_body_1[] itemname='모델명' maxlength='100' placeholder='모델명' id='wr_1'>";
oCell2.innerHTML = "<input class='frm_input full_input' name=wr_body_2[] itemname='제품시리얼번호' maxlength='100' placeholder='제품시리얼번호' id='wr_2'>";
oCell6.innerHTML = "<span style='float: right;:right'><input type=button style='width:100%;;' value=\" 삭제 \" onClick=\"delRow()\" id='wr_7' class='btn_cancel btn'></span>";
}
else if(navigator.userAgent.indexOf("Safari")){
var oCell1 = oRow.insertCell();
var oCell2 = oRow.insertCell();
var oCell6 = oRow.insertCell();
oCell1.innerHTML = "<input class='frm_input full_input' name=wr_body_1[] itemname='모델명' maxlength='100' placeholder='모델명' id='wr_1'>";
oCell2.innerHTML = "<input class='frm_input full_input' name=wr_body_2[] itemname='제품시리얼번호' maxlength='100' placeholder='제품시리얼번호' id='wr_2'>";
oCell6.innerHTML = "<span style='float: right;:right'><input type=button style='width:50px;height:24px;' value=\" 삭제 \" onClick=\"delRow()\" id='wr_7' class='btn_cancel btn'></span>";
}
else if(navigator.userAgent.indexOf("Firefox")){
var oCell1 = oRow.insertCell();
var oCell2 = oRow.insertCell();
var oCell6 = oRow.insertCell();
oCell1.innerHTML = "<input class='frm_input full_input' name=wr_body_1[] itemname='모델명' maxlength='100' placeholder='모델명' id='wr_1'>";
oCell2.innerHTML = "<input class='frm_input full_input' name=wr_body_2[] itemname='제품시리얼번호' maxlength='100' placeholder='제품시리얼번호' id='wr_2'>";
oCell6.innerHTML = "<span style='float: right;:right'><input type=button style='width:50px;height:24px;' value=\" 삭제 \" onClick=\"delRow()\" id='wr_7' class='btn_cancel btn'></span>";
}
}
function delRow() {
dyntbl1.deleteRow(dyntbl1.clickedRowIndex);
}
function delRow_php(r)
{
var i=r.parentNode.parentNode.rowIndex;
document.getElementById('dyntbl2').deleteRow(i);
}
function fixscreen() {
var buffer = document.all.item(0).outerHTML;
document.open("text/html", "replace");
document.write(buffer);
document.close();
}
function addCol() {
var vCell,tmp;
for (var i=0; i<dyntbl1.rows.length; i++) {
tmp=dyntbl1.rows[i].cells[dyntbl1.rows[i].cells.length-1].cloneNode(true);
dyntbl1.rows[i].deleteCell();
vCell=dyntbl1.rows[i].insertCell();
vCell.innerHTML=i==0?"<input type=button value=' X ' onclick='delCol(parentNode.cellIndex)'>":" ";
vCell=dyntbl1.rows[i].insertCell();
vCell.innerHTML=tmp.innerHTML;
}
}
function delCol(idx) {
for (var i=0; i<=dyntbl1.rows.length; i++) {
dyntbl1.rows[i].cells[idx].removeNode();
}
}
</script>
<SCRIPT LANGUAGE="JavaScript">
<!--
function checkBox() {
var check_Box = document.getElementsByName("ckbox"); //체크박스 name
for (j = 0; j < check_Box.length; j++) {
var disign = document.getElementById([j+1]); // 보여질내용
if(check_Box[j].checked == true ){
disign.style.display = "block";
}else{
check_Box[j].checked = false;
disign.style.display = "none";
}
}
}
// -->
</script>
<div class="bo_w_info write_div">
<? if ($w == "u") { ?>
<table id=dyntbl2 width="100%" cellspacing=0 cellpadding=0>
<col bgcolor="#FFFFFF" width="49%"></col>
<col bgcolor="#FFFFFF" width="40%"></col>
<div>
<? for ($i = 0; $i < count($wr_body_1); $i++) { ?>
<tr height="30" id=v_<?=$i?>>
<col bgcolor="#FFFFFF" width="49%"><input class="frm_input half_input" name=wr_body_1[] itemname='모델명' placeholder="모델명" value='<?=$wr_body_1[$i]?>'></col>
<col bgcolor="#FFFFFF" width="40%"><input class="frm_input half_input" name=wr_body_2[] itemname='제품시리얼번호' placeholder="제품시리얼번호" value='<?=$wr_body_2[$i]?>' style='margin-left: 1%;'></col>
</tr>
<? } ?>
</div>
</table>
<? } ?>
<table id=dyntbl1 width="100%" cellspacing=0 cellpadding=0>
<col bgcolor="#FFFFFF" width="49%"></col>
<col bgcolor="#FFFFFF" width="40%"></col>
<col bgcolor="#FFFFFF" width="10%"></col>
</table>
<input type=button value="1행 추가 +" onClick="addRow()" class='btn_cancel btn'>
</div>
답변 2
<script>
var cnt = 0;
function addRow() {
cnt++;
if (cnt > 5) {
alert('5개까지만 추가 가능합니다.');
return false;
}
~
}
function delRow() {
cnt--;
~
}
<script>
var ccc=0;
function addRow() {
ccc++;
if( ccc > 5) return;
.....