|
|
|
추가 후 삭제는 셀 우측 부분에 마우스 갖다 대면 삭제 버튼이 나와용~~
Feb
18
Monday
동적 테이블 생성, 삭제
JavaScript
루베 2008-02-19 10:03:42
안그래도 요즘 동적테이블 고민하고 있었는데 phpschool 에서 보고 들어오게되었네요 ^^
좋은 소스 감사히 잘 활용하겠습니다. ^^;
좋은 소스 감사히 잘 활용하겠습니다. ^^;
유용하게 사용하시길 바래요^^
sdf 2008-02-19 13:17:06
asdf
티미도 2008-03-20 17:11:46
좋은 소스 감사합니다...
궁금한게 있는데요 위에처럼 테이블 생성해서 db에는 어떻게 삽입하는지 방법이 궁금합니다.
궁금한게 있는데요 위에처럼 테이블 생성해서 db에는 어떻게 삽입하는지 방법이 궁금합니다.
값은 Form을 넘겼을때 $c_in_sumary[0],[1],[2] 이런식으로 개수 만큼 배열로 넘어오게 됩니다.. count($c_in_summary) 해보시면 c_in_summary의 넘어온 개수를 알 수 있고... 그 수만큼 For 구문을 이용하여 배열을 돌리시면 되겠습니다^^
이난 2008-05-23 13:35:37
정말 잘쓸께요. 요즘 계속 동적테이블 때문에 고민했는데...
제가 완전 초보라서 스크립트랑 안친해서요^^* 잘쓸께요
죄송한데 한가지만 더 물어봐도 될지....
추가한 후 삭제버튼이 우측에 마우스를 가져가면 생기는거를 항상 표시되게 할려면 어떻게해야하나요? 스크립트 넘 어려워요 ^^;;
제가 완전 초보라서 스크립트랑 안친해서요^^* 잘쓸께요
죄송한데 한가지만 더 물어봐도 될지....
추가한 후 삭제버튼이 우측에 마우스를 가져가면 생기는거를 항상 표시되게 할려면 어떻게해야하나요? 스크립트 넘 어려워요 ^^;;
앗 찾았어요. 뒷걸음질하다가 ^^;;
^^;;
정호 2008-06-11 04:53:11
PHP스쿨에서 보고 찾아왔습니다.
한참고민하던건데 좋은자료 감사합니다.
제가 스크립트 초보라 질문 좀 한가지 드려도 될런지....ㅠㅠ
삭제버튼을 div 쓰지않고 추가된 테이블 맨끝 <td>삭제</td> 할려고 하는데
잘 안되네요...
바뿌시겠지만 답변 좀 부탁 드리겠습니다.
감사합니다.
한참고민하던건데 좋은자료 감사합니다.
제가 스크립트 초보라 질문 좀 한가지 드려도 될런지....ㅠㅠ
삭제버튼을 div 쓰지않고 추가된 테이블 맨끝 <td>삭제</td> 할려고 하는데
잘 안되네요...
바뿌시겠지만 답변 좀 부탁 드리겠습니다.
감사합니다.
스크립트 부분을 아래와 같이 변경 하세요
<Script Language="JavaScript">
var cnt = 2;
function AddTable(tbl_name, onevent) {
var intc = tbl_name.substring(0,1);
var tbl = document.getElementById(tbl_name);
var trow = tbl.insertRow(-1);
trow.height = 32;
trow.id = cnt;
var tcol1 = trow.insertCell(-1);
tcol1.innerHTML = "<Table width='322' border='0' cellpadding='0' cellspacing='1' align='center'>\n<tr align='center' height='30' bgcolor='#FFFFFF'>\n<td><input type='text' class=text_input name='"+intc+"_in_summary[]' value=''></td>\n<td><input type='text' class=text_input name='"+intc+"_in_amount[]' value=''></td>\n<td><input type='text' class=text_input name='"+intc+"_in_remark[]' value=''></td>\n</tr>\n</Table>\n";
var tcol4 = trow.insertCell(-1);
tcol4.vAlign = "top";
tcol4.innerHTML = "삭제";
tcol4.onclick =function(){
tbl.deleteRow(trow.rowIndex);
}
cnt++;
}
</script>
<Script Language="JavaScript">
var cnt = 2;
function AddTable(tbl_name, onevent) {
var intc = tbl_name.substring(0,1);
var tbl = document.getElementById(tbl_name);
var trow = tbl.insertRow(-1);
trow.height = 32;
trow.id = cnt;
var tcol1 = trow.insertCell(-1);
tcol1.innerHTML = "<Table width='322' border='0' cellpadding='0' cellspacing='1' align='center'>\n<tr align='center' height='30' bgcolor='#FFFFFF'>\n<td><input type='text' class=text_input name='"+intc+"_in_summary[]' value=''></td>\n<td><input type='text' class=text_input name='"+intc+"_in_amount[]' value=''></td>\n<td><input type='text' class=text_input name='"+intc+"_in_remark[]' value=''></td>\n</tr>\n</Table>\n";
var tcol4 = trow.insertCell(-1);
tcol4.vAlign = "top";
tcol4.innerHTML = "삭제";
tcol4.onclick =function(){
tbl.deleteRow(trow.rowIndex);
}
cnt++;
}
</script>
정호 2008-06-12 15:38:35
바쁘신 와중에 답변 감사 합니다.
좋은 자료로 잘 쓰고 있습니다.
좋은 자료로 잘 쓰고 있습니다.
June 2008-06-12 17:02:07
잘 사용하신다니 다행입니다..^^
1 2008-06-26 16:41:19
1
김영대 2008-07-18 14:20:59
감사합니다~
꼭 필요해서 여기저기 찾아보던 기능이었는데 드뎌 찾았네요
감사합니다. 복받으세요~
꼭 필요해서 여기저기 찾아보던 기능이었는데 드뎌 찾았네요
감사합니다. 복받으세요~
잘 사용하세요^^
