투명한 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>
'인터넷정보' 카테고리의 다른 글
토글 메뉴 (0) | 2007.10.18 |
---|---|
PNG 그림파일 알파값 살리기 (0) | 2007.10.18 |
텍스트 밑줄 긋기 (0) | 2007.10.18 |
글쓰기폼 늘리기 - 확장, 축소 (0) | 2007.10.18 |
해상도에따른 브라우저 크기조절 (0) | 2007.10.18 |
팝업창에 관한 모든것(새창) (0) | 2007.10.18 |
필터 효과 (0) | 2007.10.18 |
스포트라이트 효과 (0) | 2007.10.18 |
이미지 안쓰고 모서리(테두리) 둥근 테이블 만들기 (0) | 2007.10.18 |
이미지에 마우스 올리면 선명해지게 (0) | 2007.10.18 |
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>
'인터넷정보' 카테고리의 다른 글
텍스트 다이나믹 애니메이션 (0) | 2007.10.17 |
---|---|
링크 포커스 한방에 없애기(onfocus=this.blur() 또는 onfocus=blur()) (0) | 2007.10.17 |
새창으로 윈도우 열었을때 F11 클릭시 자동 다운시키기 (0) | 2007.10.17 |
항상 화면의 중간에 새창 띠우기 (0) | 2007.10.17 |
원 클릭으로 클립보드에 복사하기(우측 태그피아 배너) (0) | 2007.10.17 |
keystroke - 지정한 텍스트 타이핑시 연결된 URL로 이동 (0) | 2007.10.17 |
fade in/out (0) | 2007.10.17 |
페이지 로딩될때 준비한 메시지 로딩시까지 보여주기 - 로딩바 (0) | 2007.10.17 |
스크롤바 꾸미기 툴 - 제너레이터 (0) | 2007.10.17 |
평범한 사이트맵은 싫다!!! (플래시 같은 사이트맵 꾸미기) (0) | 2007.10.17 |