'textarea'에 해당되는 글 2건

  1. 2008.02.02 투명한 textarea
  2. 2008.01.29 textarea 늘리기/줄이기

투명한 textarea

인터넷관련 2008. 2. 2. 09:38
일반 적인 textarea
<textarea style="width:100%; height:200;">
aaaaa
bbbbb
cccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc
</textarea>

투명한 textarea
<textarea style="width:100%; height:200; border:0;overflow-x:hidden;overflow-y:hidden;background:clear;">
aaaaa
bbbbb
cccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc
</textarea>


스크롤바 적용시
<textarea style="width:100%; height:50; border:0;background:clear;scrollbar-highlight-color: #A864A8;scrollbar-shadow-color: #A864A8; scrollbar-arrow-color: #A864A8;scrollbar-face-color: #FFFFFF; scrollbar-3dlight-color: #FFFFFF;scrollbar-darkshadow-color: #FFFFFF;scrollbar-track-color: #FFFFFF;">
aaaaa
bbbbb
cccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc
</textarea>

'인터넷관련' 카테고리의 다른 글

CSS 만으로 만든 롤오버 이미지  (0) 2008.02.02
이미지 안쓰고 모서리 둥근 테이블 만들기 2  (0) 2008.02.02
해상도에따른 브라우저 크기조절  (0) 2008.02.02
글쓰기폼 늘리기 - 확장, 축소  (0) 2008.02.02
텍스트 밑줄 긋기  (0) 2008.02.02
토글 메뉴  (0) 2008.02.02
웹페이지에 삽입된 동영상 및 음악 제어  (0) 2008.02.02
이미지 안쓰고 모서리(테두리) 둥근 테이블 만들기  (0) 2008.02.02
Posted by 알 수 없는 사용자
,

textarea 늘리기/줄이기

인터넷관련 2008. 1. 29. 10:38

미리보기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) 2008.01.29
새창으로 윈도우 열었을때 F11 클릭시 자동 다운시키기  (0) 2008.01.29
링크 포커스 한방에 없애기(onfocus=this.blur() 또는 onfocus=blur())  (0) 2008.01.29
원 클릭으로 클립보드에 복사하기(우측 태그피아 배너)  (0) 2008.01.29
페이지 로딩될때 준비한 메시지 로딩시까지 보여주기 - 로딩바  (0) 2008.01.29
keystroke - 지정한 텍스트 타이핑시 연결된 URL로 이동  (0) 2008.01.29
스크롤바 꾸미기 툴 - 제너레이터  (0) 2008.01.29
스크롤바를 이미지로 바꿔보세요.(공지용)  (0) 2008.01.29
Posted by 알 수 없는 사용자
,

티스토리툴바