동적 INPUT 박스 > 퍼블리셔팁

퍼블리셔팁

퍼블리싱과 관련된 유용한 정보를 공유하세요.
질문은 상단의 QA에서 해주시기 바랍니다.

동적 INPUT 박스 정보

HTML 동적 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>
[이 게시물은 관리자님에 의해 2011-10-31 17:16:08 PHP & HTML에서 이동 됨]
추천
0
  • 복사

댓글 0개

© SIRSOFT
현재 페이지 제일 처음으로