+버튼을 이용한 폼추가 ..어떻게 하는건가요? 급해서.. 부탁좀 드릴께요.. 정보
+버튼을 이용한 폼추가 ..어떻게 하는건가요? 급해서.. 부탁좀 드릴께요..본문
아, 이젠 포인트도 없어서..
그누보드게시판파일첨부기능에 보면 +,- 버튼이 있어서 그걸 누르면 폼이 추가되고 하는데,
그것을 응용? 하여 한줄에 text폼 3개와 라디오폼을 가지는 가계부를 만들어 +버튼을 누르면 입력할수있도록 한줄이 추가되고.. 뭐 그런걸 만들려는데요.
질문답변게시판에서 찾아보니
그부분소스의 insertRow(), insertCell()등을 이용해서 하라는데.. 초보라 그런지 잘 모르겠네요.
아래 소스가 +버튼눌러 파일첨부하는 부분 소스인데..
저기서 호출?한 변수들,함수들이 어디에 정의 되어있는지도 잘 모르겠고, 몇가지 이래저래 바꿔봤는데.. 역시나 잘 안되더라구요. 가계부에서 입력받은 값은 만들어논 여분필드 (wr_40~wr_60)에 저장하려는데.. 어디에 그것을 정의해야 할지도 모르겠고..
ㅠㅠ
아시는분, 조금 자세히 가르쳐주시면 안될까요?
<? if ($is_file) { ?>
<tr>
<td class='write_head2'>
수술전후사진
<span onclick="add_file();" style="cursor:pointer;"><img src="<?=$board_skin_path?>/img/btn_file_add.gif" align='absmiddle'></span>
<span onclick="del_file();" style="cursor:pointer;"><img src="<?=$board_skin_path?>/img/btn_file_minus.gif" align='absmiddle'></span>
</td>
<td colspan='3' class='write_td2' style='padding:5 0 5 10;'><table id="variableFiles" cellpadding=0 cellspacing=0></table><?// print_r2($file); ?>
<script language="JavaScript">
var flen = 0;
function add_file(delete_code)
{
var upload_count = <?=(int)$board[bo_upload_count]?>;
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);
objCell = objRow.insertCell(0);
objCell.innerHTML = "<input type='file' class='ed' name='bf_file[]' title='파일 용량 <?=$upload_max_filesize?> 이하만 업로드 가능'>";
if (delete_code)
objCell.innerHTML += delete_code;
else
{
<? if ($is_file_content) { ?>
objCell.innerHTML += "<br><input type='text' class='ed' size=50 name='bf_content[]' title='업로드 이미지 파일에 해당 되는 내용을 입력하세요.'>";
<? } ?>
;
}
flen++;
}
<?=$file_script; //수정시에 필요한 스크립트?>
function del_file()
{
// file_length 이하로는 필드가 삭제되지 않아야 합니다.
var file_length = <?=(int)$file_length?>;
var objTbl = document.getElementById("variableFiles");
if (objTbl.rows.length - 1 > file_length)
{
objTbl.deleteRow(objTbl.rows.length - 1);
flen--;
}
}
</script></td>
</tr>
<? } ?>
그누보드게시판파일첨부기능에 보면 +,- 버튼이 있어서 그걸 누르면 폼이 추가되고 하는데,
그것을 응용? 하여 한줄에 text폼 3개와 라디오폼을 가지는 가계부를 만들어 +버튼을 누르면 입력할수있도록 한줄이 추가되고.. 뭐 그런걸 만들려는데요.
질문답변게시판에서 찾아보니
그부분소스의 insertRow(), insertCell()등을 이용해서 하라는데.. 초보라 그런지 잘 모르겠네요.
아래 소스가 +버튼눌러 파일첨부하는 부분 소스인데..
저기서 호출?한 변수들,함수들이 어디에 정의 되어있는지도 잘 모르겠고, 몇가지 이래저래 바꿔봤는데.. 역시나 잘 안되더라구요. 가계부에서 입력받은 값은 만들어논 여분필드 (wr_40~wr_60)에 저장하려는데.. 어디에 그것을 정의해야 할지도 모르겠고..
ㅠㅠ
아시는분, 조금 자세히 가르쳐주시면 안될까요?
<? if ($is_file) { ?>
<tr>
<td class='write_head2'>
수술전후사진
<span onclick="add_file();" style="cursor:pointer;"><img src="<?=$board_skin_path?>/img/btn_file_add.gif" align='absmiddle'></span>
<span onclick="del_file();" style="cursor:pointer;"><img src="<?=$board_skin_path?>/img/btn_file_minus.gif" align='absmiddle'></span>
</td>
<td colspan='3' class='write_td2' style='padding:5 0 5 10;'><table id="variableFiles" cellpadding=0 cellspacing=0></table><?// print_r2($file); ?>
<script language="JavaScript">
var flen = 0;
function add_file(delete_code)
{
var upload_count = <?=(int)$board[bo_upload_count]?>;
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);
objCell = objRow.insertCell(0);
objCell.innerHTML = "<input type='file' class='ed' name='bf_file[]' title='파일 용량 <?=$upload_max_filesize?> 이하만 업로드 가능'>";
if (delete_code)
objCell.innerHTML += delete_code;
else
{
<? if ($is_file_content) { ?>
objCell.innerHTML += "<br><input type='text' class='ed' size=50 name='bf_content[]' title='업로드 이미지 파일에 해당 되는 내용을 입력하세요.'>";
<? } ?>
;
}
flen++;
}
<?=$file_script; //수정시에 필요한 스크립트?>
function del_file()
{
// file_length 이하로는 필드가 삭제되지 않아야 합니다.
var file_length = <?=(int)$file_length?>;
var objTbl = document.getElementById("variableFiles");
if (objTbl.rows.length - 1 > file_length)
{
objTbl.deleteRow(objTbl.rows.length - 1);
flen--;
}
}
</script></td>
</tr>
<? } ?>
댓글 전체