글쓰는 칸수가 너무 작아서 내가 쓴 글을 좀 늘려서 보고 싶은 때 적용할 수 있는 기법입니다. 조금만 응용하면 더 멋진 기능이 될수도 있겠지요.

1) 누를수록 커지게 하기 (kimzz_blue_yellow 스킨 참조)
 &nbsp; &nbsp;글쓰기의칸 왼쪽(보통 왼쪽이죠?)의 "내용"이 있는 <TD> 태그를 다음처럼 해준다.

 &nbsp; &nbsp;<TD onclick="document.fgbform.wr_content.rows=document.fgbform.wr_content.rows+4" style="cursor:hand">

 &nbsp; &nbsp;* 기본 basic_board 스킨에서는 "내용"이 적혀있는 태그가 없으므로 rowspan을 지우고 새로 칸을 만들어줘야겠지요? 태그에 핸드 옵션을 주지 않으면 커서 모양이 변하지 않아서 보기에 조금 어색하니까 넣어줬습니다.


2) 적당히 커지다가 일정 수가 되면 다시 줄어들게 하기 (kimzz_basic 스킨 참조)
<script language=JavaScript1.2>
function content_rows() {
document.fgbform.wr_content.rows=document.fgbform.wr_content.rows+5;
if (document.fgbform.wr_content.rows >= 80) document.fgbform.wr_content.rows = 30;
}
</script>

gbform.skin.php 에서 위처럼 써주고 "내용"이라고 적힌 <td> 태그를 <td onClick="content_rows();" style="cursor:hand"> 라고 해준다면 늘어나다가 일정수를 넘기면 다시 줄어들게 됩니다. 위의 소스대로라면 80줄 이상이 되면 30줄로 다시 줄어듭니다.


3) 크기를 자유자재로 조절하기
2번의 발전형입니다. 글쓰기의 "내용"이 들어갈 자리에 다음 내용을 집어넣습니다.

<script language=JavaScript1.2>
function rows_minus() {
document.fgbform.wr_content.rows=document.fgbform.wr_content.rows-5;
if (document.fgbform.wr_content.rows <= 10) document.fgbform.wr_content.rows = 10;
}

function rows_default() {
document.fgbform.wr_content.rows=10;
}

function rows_plus() {
document.fgbform.wr_content.rows=document.fgbform.wr_content.rows+5;
if (document.fgbform.wr_content.rows >= 80) document.fgbform.wr_content.rows = 30;
}
</script>

이렇게 스크립트를 만들어 주고 다음과 같이 테이블을 만들어서 해당 <td> 안에 넣어줍니다.
<table width=100%><tr>
 &nbsp;<td onClick="rows_minus();" style="cursor:hand">▲</td>
 &nbsp;<td onClick="rows_default();" style="cursor:hand">■</td>
 &nbsp;<td onClick="rows_minus();" style="cursor:hand">▼</td>
</tr></table>

역시 어색하지 않게 스타일 옵션으로 핸드를 주면 이제 칸수가 조정되는 글쓰기 폼이 완성되었습니다. 스크립트의 숫자 등을 변형하고 약간 모양을 더 낸다면 더 멋지게 되겠지요. 3번 팁의 경우도 크기가 자동조절이 되기를 원하지 않는다면 rows_return을 제외하고는 1번 팁처럼 해준다면 됩니다. 그런데 마냥 줄어들면 에러를 유발할수 있으므로 마이너스와 리턴 함수는 그냥 쓰시고 3번째만 계속 늘어나게 하는게 더 나을수도 있겠지요.

그럼, 멋진 스킨들 만들어 보세요. 폼 이름만 바꿔주면 댓글달기에도 그대로 사용할 수 있습니다. 댓글달기 폼의 이름은 document.fgbform.wr_content 가 아니고 document.fgbview.wr_content 입니다.