웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
인풋(코멘트)창 크기 조정
2004.01.27 08:34
보통 코멘트 창이 크게만 되도록 되었는데
작게 지정할 수 있고 최소 크기를 지정 할 수 있고
더블 클릭 하면 창이 4개씩 늘어 나도록 만들어 보았습니다. ^^
<script language="javascript">
function textarea_size(obj,count,minimum) {
if(!minimum) minimum = 5;
if(obj.rows+count>=minimum){
obj.rows += count;
}
}
</script>
위와 같이 문서의 상단에 스크립트를 넣어 준후
아래와 같이 호출해서 사용 합니다.
onclick="textarea_size(document.write.memo,+2,4);"
write 에는 폼 이름
memo 에는 텍스트입력창(textarea)의 이름을 적습니다.
+2에는 증가 혹은 감소할 수치를 적습니다.
4에는 최소 크기를 적습니다.
아래는 실제로 사용한 예제 입니다.
<img src=down.gif border=0 valign=absmiddle style=cursor:hand; onclick="textarea_size(document.write.memo,+2,4);" ondblclick="textarea_size(document.write.memo,+4,4);">
<img src=up.gif border=0 valign=absmiddle style=cursor:hand; onclick="textarea_size(document.write.memo,-2,4);" ondblclick="textarea_size(document.write.memo,-4,4);">
작게 지정할 수 있고 최소 크기를 지정 할 수 있고
더블 클릭 하면 창이 4개씩 늘어 나도록 만들어 보았습니다. ^^
<script language="javascript">
function textarea_size(obj,count,minimum) {
if(!minimum) minimum = 5;
if(obj.rows+count>=minimum){
obj.rows += count;
}
}
</script>
위와 같이 문서의 상단에 스크립트를 넣어 준후
아래와 같이 호출해서 사용 합니다.
onclick="textarea_size(document.write.memo,+2,4);"
write 에는 폼 이름
memo 에는 텍스트입력창(textarea)의 이름을 적습니다.
+2에는 증가 혹은 감소할 수치를 적습니다.
4에는 최소 크기를 적습니다.
아래는 실제로 사용한 예제 입니다.
<img src=down.gif border=0 valign=absmiddle style=cursor:hand; onclick="textarea_size(document.write.memo,+2,4);" ondblclick="textarea_size(document.write.memo,+4,4);">
<img src=up.gif border=0 valign=absmiddle style=cursor:hand; onclick="textarea_size(document.write.memo,-2,4);" ondblclick="textarea_size(document.write.memo,-4,4);">
댓글 0
제목 | 글쓴이 | 날짜 |
---|---|---|
[초간단 자바스크립트!] 플래시 FullSize로 보여주기 [4] | ∑Ztxy | 2004.02.05 |
Select 태그 관련 스크립트 [12] | Zective | 2004.02.04 |
주소창에 아이콘을 달자(다음,엠파스처럼) [3] | piasol | 2004.02.01 |
앞,뒤,새로고침 만들기 [2] | piasol | 2004.02.01 |
세이클럽 스크롤바 [7] | 세강 :D | 2004.02.01 |
[초간단 자바스크립트!] 자바로 홈페이지를부드럽게!!(1) [4] | ∑Ztxy | 2004.01.27 |
인풋(코멘트)창 크기 조정 | 정재원 | 2004.01.27 |
[초간단 자바스크립트!] 자바로 로그인폼 만들기 [3] | ∑Ztxy | 2004.01.26 |
전체화면에서 스크롤바 없애기 [7] | 이태식 | 2004.01.23 |
[초간단 자바스크립트!] 색깔바뀌는 메뉴 [3] | ∑Ztxy | 2004.01.19 |
[초간단 자바스크립트!] 이미지 갤러리 [2] | ∑Ztxy | 2004.01.18 |
[초간단 자바스크립트!] 튀어나오는 글자..-_-;; | ∑Ztxy | 2004.01.18 |
[초간단 자바스크립트(강의)!]나만의 익스플로러창 만들기[허접] [2] | ∑Ztxy | 2004.01.17 |
Thinking In Java 2nd Edition | n25 | 2004.01.14 |
[초간단 자바스크립트!] 홈페이지접속 시간,날짜 표시기 [3] | ∑Ztxy | 2004.01.09 |
아기창 자동으루 띄우고 엄마창 자동으루 죽이기 -_-;; [13] | 후르츠 | 2004.01.09 |
마우스 올리면 링크 텍스트를 무지개빛으로_12시20분 수정.;; [1] | keymove | 2004.01.06 |
[초간단 자바스크립트!] 아이프레임 이용한 이미지 갤러리(?) | ∑Ztxy | 2004.01.02 |
화면 오른쪽 아래부분에 떠있는 메뉴 레이어(마우스 오버시 부메뉴 펼쳐짐) [7] | 봉팀장 | 2003.12.30 |
링크에 마우스를 올리면 배경 변하게 하는 소스 | 봉팀장 | 2003.12.30 |