동적 INPUT 박스
Ajax도 못하고.. 이것저것.... 그나마 할 줄 아는게 자바 스크립트 밖에 없다보니
이렇게 짰네요..^^;
미리보기는 링크를 이용하세요~^^
<SCRIPT language=JavaScript>
function make_input(f, nm) {
if(f.childNodes.item(0).name != nm) {
if(document.all) cont = f.innerText;
else cont = f.textContent;
if(cont.charCodeAt() == 32) cont = '';
f.innerHTML = "<input type=text name='"+nm+"' value='"+cont+"' style='width:250px;' onBlur='del_input(this);' onfocusout='del_input(this);'>";
f.childNodes.item(0).select();
f.childNodes.item(0).focus();
}
}
function del_input(f) {
var cont = f.value;
if(cont == '') cont = " ";
cont = cont.replace(/\s/, " ");
var innerVal = cont + "<input type=hidden name='"+f.name+"' value='"+cont+"'>";
f.parentNode.innerHTML = innerVal;
}
</SCRIPT>
<TABLE cellSpacing=1 cellPadding=0 width=300 align=center border=1>
<TBODY>
<TR align=middle height=25>
<TD onclick="make_input(this,'pm_upkeep[]')" align=middle width=300>여기를 클릭 해 보세요~^^ </TD></TR></TBODY></TABLE>
이렇게 짰네요..^^;
미리보기는 링크를 이용하세요~^^
<SCRIPT language=JavaScript>
function make_input(f, nm) {
if(f.childNodes.item(0).name != nm) {
if(document.all) cont = f.innerText;
else cont = f.textContent;
if(cont.charCodeAt() == 32) cont = '';
f.innerHTML = "<input type=text name='"+nm+"' value='"+cont+"' style='width:250px;' onBlur='del_input(this);' onfocusout='del_input(this);'>";
f.childNodes.item(0).select();
f.childNodes.item(0).focus();
}
}
function del_input(f) {
var cont = f.value;
if(cont == '') cont = " ";
cont = cont.replace(/\s/, " ");
var innerVal = cont + "<input type=hidden name='"+f.name+"' value='"+cont+"'>";
f.parentNode.innerHTML = innerVal;
}
</SCRIPT>
<TABLE cellSpacing=1 cellPadding=0 width=300 align=center border=1>
<TBODY>
<TR align=middle height=25>
<TD onclick="make_input(this,'pm_upkeep[]')" align=middle width=300>여기를 클릭 해 보세요~^^ </TD></TR></TBODY></TABLE>
[이 게시물은 관리자님에 의해 2011-10-31 17:16:08 PHP & HTML에서 이동 됨]
|
댓글을 작성하시려면 로그인이 필요합니다.