동적 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에서 이동 됨]
게시판 목록
퍼블리셔팁
퍼블리싱과 관련된 유용한 정보를 공유하세요.
질문은 상단의 QA에서 해주시기 바랍니다.
질문은 상단의 QA에서 해주시기 바랍니다.
| 번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|---|
| 1097 | CSS | 8년 전 | 2191 | ||
| 1096 | CSS | 8년 전 | 2110 | ||
| 1095 | CSS | 8년 전 | 3599 | ||
| 1094 | CSS | 8년 전 | 2285 | ||
| 1093 | CSS | 8년 전 | 1508 | ||
| 1092 | CSS | 8년 전 | 1797 | ||
| 1091 | CSS | 8년 전 | 1962 | ||
| 1090 | CSS | 8년 전 | 1924 | ||
| 1089 | HTML | 8년 전 | 4423 | ||
| 1088 | CSS | 8년 전 | 1482 | ||
| 1087 | CSS | 8년 전 | 1610 | ||
| 1086 | CSS | 8년 전 | 1518 | ||
| 1085 | CSS | 8년 전 | 1540 | ||
| 1084 | CSS | 8년 전 | 1256 | ||
| 1083 | CSS | 8년 전 | 1066 | ||
| 1082 | CSS | 8년 전 | 2164 | ||
| 1081 | CSS | 8년 전 | 1965 | ||
| 1080 | CSS | 8년 전 | 1925 | ||
| 1079 | CSS | 8년 전 | 1974 | ||
| 1078 | CSS | 8년 전 | 1670 | ||
| 1077 | CSS | 8년 전 | 1693 | ||
| 1076 | CSS | 8년 전 | 2035 | ||
| 1075 | CSS | 8년 전 | 1889 | ||
| 1074 | CSS | 8년 전 | 1701 | ||
| 1073 | CSS | 8년 전 | 1548 | ||
| 1072 | CSS | 8년 전 | 1634 | ||
| 1071 | CSS | 8년 전 | 2031 | ||
| 1070 | CSS | 8년 전 | 1614 | ||
| 1069 | CSS | 8년 전 | 1849 | ||
| 1068 | CSS | 8년 전 | 1647 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기