웹모아[가입] 글쓰기 사주풀이마당유명인사주풀이궁합풀이마당질문답변마당유용한글링크생활의지혜세상사는이야기자유마당운영자에게

로그인/회원가입    검색



  

	폼태그(입력)

▽동적으로 객체를 변경하는 자바스크립트 2006-12-11 16:56:07 댓글:(0)   조회:1679

URL복사   ▶

<script> var layoutContent = new Array(); layoutContent[1] = "<span style='background-color:F3F3F3; width:474px'>Image 1.<input type='file' name='file1' /><br />등록하신 이미지는 가로 넓이 474 px로 조정되어 보여지며,<br />세로 크기의 pixel 제한은 없습니다.(용량은 1M까지 등록 할 수 있습니다.)</span>"; layoutContent[2] = "<span style='background-color:F3F3F3; width:235px'>Image 2.<br /><input type='file' style='width:200px' name='file2' /><br />가로 넓이 235px로 조정되어 보여지며,<br />세로 크기의 pixel 제한이 없습니다.</span><span style='width:4px'></span><span style='background-color:F3F3F3; width:235px'>Image 3.<br /><input type='file' style='width:200px' name='file3' /><br />가로 넓이 235px로 조정되어 보여지며,<br />세로 크기의 pixel 제한이 없습니다.</span>"; layoutContent[3] = "<span style='background-color:F3F3F3; width:235px'>Image 3.<br /><input type='text' style='width:200px' name='file3' /><br />가로 넓이 235px로 조정되어 보여지며,<br />세로 크기의 pixel 제한이 없습니다.</span>"; function change(index) {     layoutView.innerHTML = layoutContent[index]; } </script> <div style="background-color:E4E4E4; width:474px">레이아웃 설정 [이미지/텍스트]   <input type="radio" name="radio1" onClick="change(1)" /> 1   <input type="radio" name="radio1" onClick="change(2)" /> 2   <input type="radio" name="radio1" onClick="change(3)" /> 3   <input type="radio" name="radio1" onClick="change(4)" /> 4 </div> <div id="layoutView" style="width:474px;margin-top:4px"> </div>

. 



[이전글] ▽ 입력박스에 안내메세지 넣기 [다음글] ▽ [RE] 자바스크립트를 써서 폼구문안에 전송(submit)하기 이전에 자동계산처리

    ※ 댓글쓰기는 회원(로그인 하신분) 이상 가능합니다.  댓글 (0)  ... 댓글(0)   <<더보기>>

  

폼태그(입력)

페이지: 1 / 5



▽ select박스에 텍스트 벨류를요 카페에서 메뉴를 수정하듯이 열람:2697   2009.01.06	
▽ iframe 에서 text field 값 얻어 오기 열람:3580   2008.08.07	
▽ select 상자 그룹 예제 열람:3196   2008.04.23	
▽   숫자만, 영문만, 한글만 입력하고 싶을 때 열람:2844   2008.02.22	
▽ INPUT : 숫자만 입력하기 열람:3260   2008.02.21	
▽ 입력박스에 특수문자 입력못하게 하려면 열람:2360   2007.11.01	
▽ row 추가 2 열람:2462   2007.09.04	
▽   [RE] row 추가 2 - 테이블이름 지정 열람:3351   2007.09.05	
▽     [RE] row 추가 2 - 테이블이름 지정-삭제기능 추가 열람:2174   2007.09.05	
▽ 추가, 삭제 누르면서 테이블 행추가, 삭제하기 스크립트 열람:3001   2007.09.04	

[1]  [2]  [3]  [4]  [5]   ≫

 제목,내용 제목 내용 이름 and or 기본검색 그룹검색

복수단어 검색은 공백(space)로 구분해 주세요.