각 값들이 text박스에 입력되는 소스
본문
<script language=JavaScript>
<!--
document.write("<table border=0 cellspacing=0 cellpadding=3><tr><td align=center>");
var ray,hor;
// 컨텐츠 부분
// 추가시는 tab[X]에서 X부분을 0부텅 차례대로 늘려주시고 원하시는대로 적으시면 됩니다. .^^
var tab = new Array();
tab[0] = new Array("이름","코드","월급");
tab[1] = new Array("Magic A","A","100");
tab[2] = new Array("Magic B","B","200");
tab[3] = new Array("Magic C","C","300");
tab[4] = new Array("Magic D","D","400");
tab[5] = new Array("Magic E","E","500");
hor = tab[0].length;
ver = tab.length;
CreateArray(tab);
function CreateArray(ray)
{
document.write ("<table border=1 cellspacing=0 cellpadding=3>"); // 위 컨텐츠 부분의 내용이 들어가는 테이블
for(i=0;i<ver;i++)
{
if(i != 0) document.write("<tr onclick='sel("+i+");' style='cursor:crosshair'>");
else document.write("<tr>");
for(j=0;j<hor;j++)
{
if(i==0){document.write("<td bgcolor=#dfdfff align=center>" + ray[i][j] + "</td>");
}else{
document.write("<td id=r"+i+"c"+j+" align=center>" + ray[i][j] + "</td>");}
}
document.write("</tr>");
}
document.write ("</table><br>");
Createform();
}
function Createform()
{
document.write ("<table border=0 cellspacing=0 cellpadding=3><form name=list>");
for (i=0;i<hor;i++)
{
name = "txt" + tab[0][i]; // 각 값들이 보여지는 부분
document.write ("<tr><td><b>"+ tab[0][i] +"</b></td><td><input type=text name=" + name + " readonly class='inp'></td></tr>");
}
document.write ("</table>");
document.write ("</td></tr></table></form>");
ray = 1;
sel(ray);
}
function sel(ray)
{
for (i=0;i<hor;i++)
{
form_object =eval("document.list.txt"+tab[0][i]);
form_object.value = tab[ray][i];
}
}
function unsel(ray)
{
for (i=0;i<hor;i++)
{
obj = eval("r" + ray + "c" + i);
text = obj.innerText;
obj.innerHTML = text;
form_object =eval("txt"+tab[0][i]);
form_object.value = "";
}
}
//-->
</script>
출처 : http://www.aircon1004.com/data/bbs/board.php?bo_table=pds1&wr_id=92
<!--
document.write("<table border=0 cellspacing=0 cellpadding=3><tr><td align=center>");
var ray,hor;
// 컨텐츠 부분
// 추가시는 tab[X]에서 X부분을 0부텅 차례대로 늘려주시고 원하시는대로 적으시면 됩니다. .^^
var tab = new Array();
tab[0] = new Array("이름","코드","월급");
tab[1] = new Array("Magic A","A","100");
tab[2] = new Array("Magic B","B","200");
tab[3] = new Array("Magic C","C","300");
tab[4] = new Array("Magic D","D","400");
tab[5] = new Array("Magic E","E","500");
hor = tab[0].length;
ver = tab.length;
CreateArray(tab);
function CreateArray(ray)
{
document.write ("<table border=1 cellspacing=0 cellpadding=3>"); // 위 컨텐츠 부분의 내용이 들어가는 테이블
for(i=0;i<ver;i++)
{
if(i != 0) document.write("<tr onclick='sel("+i+");' style='cursor:crosshair'>");
else document.write("<tr>");
for(j=0;j<hor;j++)
{
if(i==0){document.write("<td bgcolor=#dfdfff align=center>" + ray[i][j] + "</td>");
}else{
document.write("<td id=r"+i+"c"+j+" align=center>" + ray[i][j] + "</td>");}
}
document.write("</tr>");
}
document.write ("</table><br>");
Createform();
}
function Createform()
{
document.write ("<table border=0 cellspacing=0 cellpadding=3><form name=list>");
for (i=0;i<hor;i++)
{
name = "txt" + tab[0][i]; // 각 값들이 보여지는 부분
document.write ("<tr><td><b>"+ tab[0][i] +"</b></td><td><input type=text name=" + name + " readonly class='inp'></td></tr>");
}
document.write ("</table>");
document.write ("</td></tr></table></form>");
ray = 1;
sel(ray);
}
function sel(ray)
{
for (i=0;i<hor;i++)
{
form_object =eval("document.list.txt"+tab[0][i]);
form_object.value = tab[ray][i];
}
}
function unsel(ray)
{
for (i=0;i<hor;i++)
{
obj = eval("r" + ray + "c" + i);
text = obj.innerText;
obj.innerHTML = text;
form_object =eval("txt"+tab[0][i]);
form_object.value = "";
}
}
//-->
</script>
출처 : http://www.aircon1004.com/data/bbs/board.php?bo_table=pds1&wr_id=92
관련링크
댓글목록
등록된 댓글이 없습니다.