'textarea 늘리기'에 해당되는 글 1건

  1. 2008.01.29 textarea 늘리기/줄이기

미리보기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>

Posted by 알 수 없는 사용자
,