테스트 사이트 - 개발 중인 베타 버전입니다

동적 INPUT 박스

· 17년 전 · 1759
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에서 이동 됨]

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

게시글 목록

번호 제목
12452
40
25015
12447
12446
12445
JavaScript PLSQL이란
29296
12440
기타 메뉴 4
12438
12437
29294
35
32
12434
12433
12432
29293
29
12431
12428
12421
29292
12411
12402
27
29290
12400
24
12397
12396
21
12391
12390
18
16
12377
12373
13
9
12372
12371
12363
1
13432
12362
12360
12355
25014
29287
12352
12349
29279
12344
12340
12335
12333
12331
29273
12330
12329
12328
12324
12323
12318
12316
12313
12310
12309
12307
12303
12296
12291
12280
12277
12275
29272
12274
12260
12252
12250
12248
29267
12245
29266
29261
12239
12238
29251
12236
12231
12228
12214
12211
12210
29248
29247
25010
12208
12207
12202