2009. 2. 23. 18:35

동적으로 변경되는 내용 + javascript array + innerHTML

<html>
<head>
<title></title>
<script type="text/javascript">
<!--
var innerHtmlText = "";
var arr_dbname = new Array();
var arr_dbid = new Array();

//--------------------------------------------------------
//추가
function insert_row(){
var_name = document.form1.dbname.value;
var_id = document.form1.dbid.value;
arr_dbname.push(var_name);
arr_dbid.push(var_id);

display_html();

document.form1.dbname.value = "";
document.form1.dbid.value = "";
}
//--------------------------------------------------------
//삭제
function delete_row(){
var obj = document.getElementsByName("db_checkbox"); 
var x = 0; 
var cnt = 0;

for(var i = 0; i < arr_dbname.length; i++){ 
if(obj[i].checked == true){ 
cnt = cnt + 1;

if(cnt > 1){
alert("삭제할 내용을 한개씩만 선택해주십시오.");
return;
}
for(var i = 0; i < arr_dbname.length; i++){ 
if(obj[i].checked == true){ 
re_make(i);

display_html();
}

//-------------------------------------------------------
//배열 재구성
function re_make(idx){
var len = arr_dbname.length - 1;

for(var i = idx; i < len; i++){
if(i < len){
arr_dbname[i] = arr_dbname[i+1]; 
arr_dbid[i] = arr_dbid[i+1];
}
}

arr_dbname = arr_dbname.slice(0, len);
arr_dbid = arr_dbid.slice(0, len);
}

//--------------------------------------------------------
//html 내용 보여주기
function display_html(){
innerHtmlText = "";

innerHtmlText = "<table>";
for(var i = 0; i < arr_dbname.length; i++){
innerHtmlText = innerHtmlText + "<tr class='bbs_listitem'><td><input type='checkbox' name='db_checkbox' value='" + i + "''></td><td width='200'>" + arr_dbname[i] + "</td><td width='200'>" + arr_dbid[i] + "</td></tr>";
}
innerHtmlText = innerHtmlText + "</table>";

document.getElementById("dbConData").innerHTML = innerHtmlText;
}
//--------------------------------------------------------
//전송
function sendRequest(){
var name_str = "";
var id_str = "";

for(var i = 0; i < arr_dbname.length; i++){
if(i == 0){
name_str = arr_dbname[i];
id_str = arr_dbid[i];
}
else{
name_str = name_str + ","  + arr_dbname[i];
id_str = id_str + "," + arr_dbid[i];
}
}
}
//-->
</script>
</head>
<body>

<form name="form1">
<table>
<tr>
<td colspan="3">
<input type="text" name="dbname" />
<input type="text" name="dbid" />
</td>
</tr>
<tr class='bbs_listitem'>
<td class='item_no'></td>
<td width="200">접속 DB</td>
<td width="200">DB 계정</td>
</tr>
</table>

<span id="dbConData"></span> <p>

<tr>
<td colspan="3">
<input type="button" value="추가" onClick="javascript:insert_row()" />
<input type="button" value="삭제" onClick="javascript:delete_row()" />
<input type="button" value="전송" onClick="javascript:sendRequest()" />
</td>
</tr>

</form>
</body>
</html>