◀ 2009년 07월 ▶ 12345678910111213141516171819202122232425262728293031
Feb
18
Monday

동적 테이블 생성, 삭제

JavaScript
추가



 추가 후 삭제는 셀 우측 부분에 마우스 갖다 대면 삭제 버튼이 나와용~~

루베 2008-02-19 10:03:42
수정 삭제 리플
안그래도 요즘 동적테이블 고민하고 있었는데 phpschool 에서 보고 들어오게되었네요 ^^
좋은 소스 감사히 잘 활용하겠습니다. ^^;
June 2008-02-19 11:07:58 수정삭제
유용하게 사용하시길 바래요^^
sdf 2008-02-19 13:17:06
수정 삭제 리플
asdf
티미도 2008-03-20 17:11:46
수정 삭제 리플
좋은 소스 감사합니다...
궁금한게 있는데요 위에처럼 테이블 생성해서 db에는 어떻게 삽입하는지 방법이 궁금합니다.
June 2008-03-24 10:10:34 수정삭제
값은 Form을 넘겼을때 $c_in_sumary[0],[1],[2] 이런식으로 개수 만큼 배열로 넘어오게 됩니다.. count($c_in_summary) 해보시면 c_in_summary의 넘어온 개수를 알 수 있고... 그 수만큼 For 구문을 이용하여 배열을 돌리시면 되겠습니다^^
이난 2008-05-23 13:35:37
수정 삭제 리플
정말 잘쓸께요. 요즘 계속 동적테이블 때문에 고민했는데...
제가 완전 초보라서 스크립트랑 안친해서요^^* 잘쓸께요
죄송한데 한가지만 더 물어봐도 될지....
추가한 후 삭제버튼이 우측에 마우스를 가져가면 생기는거를 항상 표시되게 할려면 어떻게해야하나요? 스크립트 넘 어려워요 ^^;;
이난 2008-05-23 13:39:41 수정삭제
앗 찾았어요. 뒷걸음질하다가 ^^;;
June 2008-05-25 00:56:23 수정삭제
^^;;
정호 2008-06-11 04:53:11
수정 삭제 리플
PHP스쿨에서 보고 찾아왔습니다.
한참고민하던건데 좋은자료 감사합니다.
제가 스크립트 초보라 질문 좀 한가지 드려도 될런지....ㅠㅠ
삭제버튼을 div 쓰지않고 추가된 테이블 맨끝 <td>삭제</td> 할려고 하는데
잘 안되네요...
바뿌시겠지만 답변 좀 부탁 드리겠습니다.

감사합니다.
June 2008-06-11 17:24:08 수정삭제
스크립트 부분을 아래와 같이 변경 하세요

<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
수정 삭제 리플
감사합니다~
꼭 필요해서 여기저기 찾아보던 기능이었는데 드뎌 찾았네요
감사합니다. 복받으세요~
June 2008-07-18 20:45:59 수정삭제
잘 사용하세요^^
이찬호 2008-12-24 08:20:44
수정 삭제 리플
디비에 넣을려고 어찌해서 다음과 같이 작성해봤습니다.

폼값을 받아서
이쁘게 정리 합니다...

$gubun = '';
for($i=0; $i < count($c_in_summary); $i++) {
echo("{$gubun}{$c_in_sumary[$i]}-{$c_in_amount[$i]}");
$gubun = '|';
}

쿼리문 작성을 해야 하는데,,,

sql_query("insert 테이블 set 칼럼='$for문으로정리한값' ");


그런데 위와 같이
에코로 하면 제가 디비에 넣고자 하는 형태로 잘 뿌려주긴 합니다.
문제는 디비에 넣을려고 echo되는 저 값을 for문 밖으로 빼내야 디비에 넣던지 할수 있는것 아닌가요?
참고로 for문도 몰라서 인터넷에서 뒤저서 겨우 저렇게 만들었습니다.

힌트좀 부탁 드립니다.

이찬호 2008-12-25 04:15:33
수정 삭제 리플
다시 보니까 for 안에다가 쿼리문을 넣더군요,,,

다른 값들도 넣어야 할게 많아서 같이 넣기도 하고 다른데 써먹을려면 for문에서 정리한값을 문자열변수로 뺄수 없을까요?
이찬호 2008-12-25 05:30:21
수정 삭제 리플
답을 얻었습니다.

$gubun = '';
for($i=0; $i < count($c_in_summary); $i++) {
$mm = $mm."{$gubun}{$c_in_sumary[$i]}-{$c_in_amount[$i]}";
$gubun = '|';
}

이렇게 하고 밖에서 echo $mm; 해보세요
참고로 위 포문은 구분자 | 를 이용해서 각 값들을 분리정리 하는것입니다.
June 2008-12-25 20:15:11 수정삭제
for 구문을 이용하여 각각 값이 있을 때를 체크 하여 주는 것이 가장 좋은 것 같습니다..^^;
이찬호 2008-12-26 01:29:33
수정 삭제 리플
일단은 해결 했습니다만, 혹더 좋은 구문이 있으려나 하고 와봤습니다.
근데 June 님의 메세지는 왜 그래야 하는지 또 어떻게 해야 하는지 잘 이해가 질 않습니다 ^^

그리고 포구문에서 루푸결과값을 밖으로 빼는문법이 다른게 있더군요..

for(조건) {
$뺄변수명.="루푸돌면서 얻은값들"
}
echo $뺄변수명 ;
June 2008-12-30 02:53:30 수정삭제
for 안에 쿼리문을 넣기 위해서는 각각 값이 있을 때 바로 쿼리를 실행하는 것이 제일 빠른 방법 같아서 한 말입니다..^^;
만약 input 값의 폼을 넘겼다면 구지 값을 다시 모을 필요가 없을 것 같아서입니다..^^; 물론 상황에 따라 다른 방법이 더 편할 수 있겠지만... 위 for구문 처럼 값을 모아야 한다면 javascript 에서 처리하는 것이 더 낫지 않을까요?^^;
이찬호 2009-01-04 04:22:50
수정 삭제 리플
폼값들이 동적으로 변하고 그 값들을 DB테이블에 하나의 컬럼에 넣어야 하는것은 기본조건이지요??

for구문 안에서 바로 쿼리를 실행해야 한다면 처음값은 인서트 해주고
추가된 폼값들이 더 있다면 기존값에 새로운값들을 플러스해서 업데이트 해야 하는 쿼리문들이 작성되고,,, 제가 잘못정리 한것인지 모르겠네요,,
June 2009-01-04 20:08:24 수정삭제
답변이 늦었네요..^^;
하나의 컬럼에 다 넣으셔야 하는 부분이라면 말씀하신대로 합치는게 좋겠네요..단지 하나의 컬럼에 합치게 된다면 추후 삭제,수정부분이 소스가 꽤나 복잡 해질 것 같네요..
이찬호 2009-01-04 04:30:19
수정 삭제 리플
추가질문드리러 또 왔습니다.
위 동적테이블 추가 소스를 하나의 폼이름 안에 한개 더 추가 할려고 합니다.
짐작으로 몇가지 이름을 바꿔서 시도 해봤으나 일단 추가된 테이블의 배열갯수가 넘어오질 않네요,,,

하나의 폼안에 위 소스를 하나더 추가를 할때
꼭 바꿔야 할 변수명이나 아이디명 같은것은 어떤게 있나요?
감사 드립니다^^
June 2009-01-05 08:53:35 수정삭제
딱히 바꿔야 할 부분은 없습니다..^^;
기본 input에 하나 추가해주시고..
하단 자바스크립트 부분에 테이블안에 input 또 하나 추가 해주시면 됩니다
이찬호 2009-01-07 19:07:55
수정 삭제 리플
June님 답변 감사 드립니다.
그런데 제가 드리는 질문은 폼 하나를 더 추가 하는게 아니구요
통체로 하나더 추가 하려고 합니다..

그러니까
옵션1 과 옵션 2가 있을때요,,,

옵션1 항목에
아이템과 아이템별 추가금액 동적으로 추가삭재

옵션2 항목도
아이템과 아이템별 추가금액 동적으로 추가삭재

좀더 자세히 설명하려니 복잡해질듯 해서 일단 이렇게 질문 드려보구요...

그리고 위에서 말씀 하신것처럼
일단 디비에 입력을 하고 출력을 다시 분해 해서 했습니다만..
수정할때 어떻게 해야 할때 암담합니다 ㅎㅎ
나중에 공부해서 완성되면 자랑 할께요,,






June 2009-01-12 00:02:21 수정삭제
통채로도 가능합니다..^^; tbl_name 으로 테이블명을 구분 하시면 됩니다..^^

하나의 필드에 통합으로 입력하셨다면 수정하실때도 통합으로 수정 해 주시는 것이 편합니다. 다른 방법을 사용 하시려면 해당 input의 순번을 찾아서 입력된 값을 분해하여 동일한 순번만 수정 해 주시면 될 것 같네요
이름 *
비밀번호 *
홈페이지
스팸방지* da8cb1dbd8 (빨간색 글자만 입력 하세요)
다음글금액표시 하기 (2008-02-21)
이전글포토샵 브러시~ (2008-02-18)