'WEB'에 해당되는 글 66건
- 2009.02.23 동적으로 변경되는 내용 + javascript array + innerHTML 1
<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>
Prev
Rss Feed