웹모아[손님]

검색  로그인

웹모아

 

폼태그(입력)

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

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>

실행해보기   (실행2) 





 댓글 (0)   댓글(0)   <<더보기>>



폼태그(입력)

페이지: 2 / 5

 



  row 추가
row추가.. .button_ex { font-family:돋움; font-size:11px; letter-spacing:-1px; color: #CED5E0; background-color: #565869; cursor: hand; border-color: #BABABA #B6B6B6 #B6B6B6 #BABABA; padd조회(667)          

---





  테이불 추가 스크립트
var fNum = 1; //인덱스로 찾지 않아도 되므로 소스가 복잡하지 않음. function getObj() { var obj = event.srcElement while (obj.tagName !='TD') //TD가 나올때까지의 Object추출 { 조회(753)          

---





  입력박스에 안내메세지 넣기
function clearField(field){ if (field.value == field.defaultValue) { field.value = ""; } } function checkField(field){ if (field.value == "") { field.value = field.defaultVal(홈마스타)     조회(769)          

---





  동적으로 객체를 변경하는 자바스크립트
var layoutContent = new Array(); layoutContent[1] = "Image 1.등록하신 이미지는 가로 넓이 474 px로 조정되어 보여지며,세로 크기의 pixel 제한은 없습니다.(용량은 1M까지 등록 할 수 있습니다.)"; layoutContent[2] = "Image 2.가로 넓이 235px로 조정되어 보여지며,세로(홈마스타)     조회(678)          

---





  자바스크립트를 써서 폼구문안에 전송(submit)하
(홈마스타)     조회(582)          

---





    [RE] 자바스크립트를 써서 폼구문안에 전송(sub
덧셈 뺄셈 (홈마스타)     조회(574)          

---





  테이블(표)의 셀 여백 삭제 [border-coll
아래는 border-collapse:collapse 를 적용하여 셀사이 여백이 없어서 테두리가 가늘게 나타납니다. 셀사이에 여백이 없어져서 테두리가 가늡니다. 아래는 border-collapse:separate 를 적용하여 셀사이 여백이 있어서 테두리가 두껍게 나타납니다. 셀사이에 여백이 있어서 테두리(홈마스타)     댓글 (1)     조회(818)          

---





  폼 양식 요소들의 글자 색상 지정 [font-col
아래와 같이 STYLE="color:색상코드" 로 폼양식 요소에 문자색상을 지정 <INPUT TYPE="text" STYLE="color:red">의 경우 아래와 같이 나타남 글자를 입력하여 보세요.위의 text 대신 password(암호입력란),file 도 지정가능  <INPUT TYPE="butt(홈마스타)     조회(628)          

---





  폼 양식 요소안의 글자 정렬 지정 [text-ali
아래와 같이 STYLE="text-align:left 또는 center 또는 right" 로 폼양식 요소안에 문자정렬 <INPUT TYPE="text" STYLE="text-align:right">의 경우 아래와 같이 나타남 글자를 입력하여 보세요.위의 text 대신 password(암호입력란),file 도 지정가능&nbs(홈마스타)     조회(648)          

---





  폼 양식 요소들의 글자 크기 지정 [font-siz
아래와 같이 STYLE="font-size:문자 크기px" 로 폼양식 요소에 문자크기를 지정 <INPUT TYPE="text" STYLE="font-size:15px">의 경우 아래와 같이 나타남 글자를 입력하여 보세요.<INPUT TYPE="text" STYLE="font-size:7px">의 경우 아래와 같이(홈마스타)     조회(580)          

---