미리보기1(세로만늘리기+원래대로) : ttp://oxtag.com/html/ex/formresize/formresize1.html
미리보기2(가로만늘리기+원래대로) : ttp://oxtag.com/html/ex/formresize/formresize2.html
미리보기3(같이늘리기+원래대로) : http://oxtag.com/html/ex/formresize/formresize3.html
미리보기 1 소스 :
<html>
<head>
<SCRIPT LANGUAGE="JavaScript">
<!--
function formresize1(obj1) {
obj1.rows += 3; // 늘어나는 rows 수치
}
function formresize2(obj2) {
obj2.rows = 5; // 원래 textarea rows
}
// -->
</SCRIPT>
</head>
<body>
<form method=post name=write>
<table>
<tr><td>
<a href="#" onclick=formresize1(document.write.memo)>늘리기</a>/<a href="#" onclick=formresize2(document.write.memo)>원래대로</a></td></tr>
<tr><td nowrap height=80>
<textarea name=memo size=40 rows=5></textarea></td><td>
<input type=submit rows=5 value='Submit' style="width:100%;height:100%"></td></tr></table>
</form>
</body>
</html>
미리보기 2 소스 :
<html>
<head>
<SCRIPT LANGUAGE="JavaScript">
<!--
function formresize1(obj1) {
obj1.cols += 3; // 늘어나는 cols 수치
}
function formresize2(obj2) {
obj2.cols = 40; // 원래 textarea cols
}
// -->
</SCRIPT>
</head>
<body>
<form method=post name=write>
<table>
<tr><td>
<a href="#" onclick=formresize1(document.write.memo)>늘리기</a>/<a href="#" onclick=formresize2(document.write.memo)>원래대로</a></td></tr>
<tr><td nowrap height=80>
<textarea name=memo cols=40 rows=5></textarea></td><td>
<input type=submit rows=5 value='Submit' style="width:100%;height:100%"></td></tr></table>
</form>
</body>
</html>
미리보기 3 소스 :
<html>
<head>
<SCRIPT LANGUAGE="JavaScript">
<!--
function formresize1(obj1) {
obj1.cols += 3; // 늘어나는 cols 수치
obj1.rows += 3; // 늘어나는 rows 수치
}
function formresize2(obj2) {
obj2.cols = 40; // 원래 textarea cols
obj2.rows = 5; // 원래 textarea rows
}
// -->
</SCRIPT>
</head>
<body>
<form method=post name=write>
<table>
<tr><td>
<a href="#" onclick=formresize1(document.write.memo)>늘리기</a>/<a href="#" onclick=formresize2(document.write.memo)>원래대로</a></td></tr>
<tr><td nowrap height=80>
<textarea name=memo cols=40 rows=5></textarea></td><td>
<input type=submit rows=5 value='Submit' style="width:100%;height:100%"></td></tr></table>
</form>
</body>
</html>
'인터넷정보' 카테고리의 다른 글
| 항상 화면의 중간에 새창 띠우기 (0) | 2007.10.17 |
|---|---|
| 항상 화면의 중간에 새창 띠우기 (0) | 2007.10.17 |
| 원 클릭으로 클립보드에 복사하기(우측 태그피아 배너) (0) | 2007.10.17 |
| 원 클릭으로 클립보드에 복사하기(우측 태그피아 배너) (0) | 2007.10.17 |
| textarea 늘리기/줄이기 (0) | 2007.10.17 |
| keystroke - 지정한 텍스트 타이핑시 연결된 URL로 이동 (0) | 2007.10.17 |
| keystroke - 지정한 텍스트 타이핑시 연결된 URL로 이동 (0) | 2007.10.17 |
| fade in/out (0) | 2007.10.17 |
| fade in/out (0) | 2007.10.17 |
| 페이지 로딩될때 준비한 메시지 로딩시까지 보여주기 - 로딩바 (0) | 2007.10.17 |