웹모아 
웹모아     로그인   
웹모아
 
폼태그(입력)
 


동적으로 객체를 변경하는 자바스크립트
  2006-12-11 16:56:07 조회:658
글자수:998


<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>

실행해보기   (실행2)





 댓글 (0)


폼태그(입력)
페이지: 1 / 2   


     select박스에 텍스트 벨류를요 카페에서 메뉴를 548
     iframe 에서 text field 값 얻어 오기672
     select 상자 그룹 예제583
      숫자만, 영문만, 한글만 입력하고 싶을 때953
     INPUT : 숫자만 입력하기654
     입력박스에 특수문자 입력못하게 하려면615
     row 추가 2631
       [RE] row 추가 2 - 테이블이름 지정636
         [RE] row 추가 2 - 테이블이름 지정-삭제551
     추가, 삭제 누르면서 테이블 행추가, 삭제하기 스크583
     row 추가651
     테이불 추가 스크립트733
     입력박스에 안내메세지 넣기(홈마스타)746
  동적으로 객체를 변경하는 자바스크립트(홈마스타)659
     자바스크립트를 써서 폼구문안에 전송(submit)하(홈마스타)561
       [RE] 자바스크립트를 써서 폼구문안에 전송(sub(홈마스타)561
     테이블(표)의 셀 여백 삭제 [border-coll(홈마스타)(1) 798
     폼 양식 요소들의 글자 색상 지정 [font-col(홈마스타)612
     폼 양식 요소안의 글자 정렬 지정 [text-ali(홈마스타)634
     폼 양식 요소들의 글자 크기 지정 [font-siz(홈마스타)565
     아이프레임의 배경을 투명처리하기[allowTrans(홈마스타)690
     iframe의 배경을 투명하게 하는법(홈마스타)583
       [RE] iframe의 배경을 투명하게 하는법(홈마스타)521
     레이어의 현재 마우스 위치(홈마스타)578
     레이어 감추기와 보이기 다른 예제(홈마스타)576
     레이어 감추기와 보이기 - select박스 보이기와(홈마스타)594
       [RE] 레이어 감추기와 보이기 - select박스(홈마스타)827
         [RE] 레이어 감추기와 보이기 - select박(홈마스타)612
       [RE] 레이어 사용시 Select객체에 가려지는 (홈마스타)574
     body 태그 예제(홈마스타)454
≪ [1]  [2]   ≫

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



공지사항


 
인기 글
3317
3059
3795
  [홈마스타] 한글 유니코드 표
3256
3646
3058
3165
10389
6795
3157
3165
4932
3825
  [홈마스타] setinterval 사용과 중지
5552
3811

사주풀이마당

 
최근 글
113
240
461
268
271
169
240
3191
844
858
1030
882
4147
3441
3509