2009년 1월 5일 월요일

[javascript] textarea의 내용의 줄수를 알아보자.

그냥 대충대충 적어놓은것이었는데

 

그런대로 만족이다 ㅎㅎ

 

<html>
<head>
<title></title>
<script>
<!--
function NumLine(ObjTextarea) {
    var ObjTextarea = ObjTextarea.createTextRange();
        row=ObjTextarea.boundingHeight/15;
        hehe.value=row;
}
//-->
</script>
</head>
<body>
<textarea id=texta style="font-size:13px;width:200px;height:150px" onblur="NumLine(texta)">
</textarea><br>
<input id='hehe' type=text size=5>


위 에서 보면 textarea 테그 안에 onblur 로 함수를 읽어서 input  id가 hehe

인 칸에 줄 값을 넣어준다..

 

다만 마우스를 textarea가 아닌 다른곳을 찍어주면 값이 나오게 되는데

좀더 역동적으로도 가능할 듯...ㅎㅎ;;;

 

더좋은 예제가 있으면 덧글 부탁드려요~!!

댓글 없음:

댓글 쓰기