s

[textarea] 텍스트박스 크기조절 및 html 옵션을 편하게...

sir2.jpg
텍스트박스를 사용시에 대부분 글쓰기 타입을 지정해서 사용을 합니다.
예) text html text+html(자동줄바꿈)
이런 형식으로 해서 밑에 텍스를 박스를 넣습니다.
그리고 좀더 편리하게 하려면 라벨을 넣습니다.
또한 텍스트박스의 rows 를 조정해주는 부분도 넣습니다.
->이게 일일이 하기가 상당히 귀찮아서 몇 자 적어봤습니다.
(아래에서 자바스크립트 펑션은 기존 그누보드에도 있으니 그걸 활용해도 됩니다.)
첨부된 그림은 적용했을때 출력되는 textarea 입니다.

1. 자바스크립트 펑션 추가
// 텍스트박스 크기조절
// 인수 값 : 텍스트박스 ID, rows 값, 기본 rows 값
function mtext(id, row, de_row){
if(document.getElementById(id).rows > de_row){
document.getElementById(id).rows -= row;
}
}
function ptext(id, row){
document.getElementById(id).rows += row;
}

2. php 펑션추가
// 텍스트 입력박스 글쓰기 타입 및 크기조절 리턴(사용하는 곳이 많으므로 일괄처리)
// 인수 값 : textarea id, 크기조절 단위, 기본 크기(rows), 라디오박스 name, 라디오박스 체크확인 값
function textarea_add($ta_id, $size, $de_row, $ra_name, $ra_value=''){

// 라디오박스 id 및 label 은 자동생성
$radio_id1 = substr(uniqid(time()), 0, 20);
$radio_id2 = substr(uniqid(time()), 0, 20);
$radio_id3 = substr(uniqid(time()), 0, 20);
$checked1 = $checked2 = '';
if($ra_value && $ra_value == 1){
$checked1 = 'checked';
}else if($ra_value && $ra_value == 2){
$checked2 = 'checked';
}
return <<<POST
<table width="100%" cellpadding=0 cellspacing=0>
<tr>
<td height=25>
<input type="radio" name="{$ra_name}" value=0 id="{$radio_id1}" checked><label for="{$radio_id1}">TEXT</label>&nbsp;
<input type="radio" name="{$ra_name}" value=1 id="{$radio_id2}" {$checked1}><label for="{$radio_id2}">HTML</label>&nbsp;
<input type="radio" name="{$ra_name}" value=2 id="{$radio_id3}" {$checked2}><label for="{$radio_id3}">TEXT+HTML(자동 줄바꿈)</label>
</td>
<td width="10%" align="center">
<a href="javascript:;" onclick="ptext('{$ta_id}', {$size});"><b>▼</b></a>&nbsp;<a href="javascript:;" onclick="mtext('{$ta_id}', {$size}, {$de_row});"><b>▲</b></a>
</td>
</tr>
</table>
POST;
}

// 사용시
// 인수 값 : textarea id, 크기조절 단위, 기본 크기(rows), 라디오박스 name, 라디오박스 체크확인 값
<?=textarea_add('put_content', 6, 6, 'put_html')?>
<textarea name="put_content" id="put_content" rows=6 style="width:98%;"></textarea>

첨부파일

sir2.jpg (8.9 KB)
0회 2006-04-15 12:06
|

댓글 4개

관리자님 g4에도 탭치환좀..ㅡㅡ;
view_comment.skin.php 파일을 수정해야하나요?
수정파일명을 알려주셨으면...
펑션사용이므로 딱히 수정할 파일이 있는건 아닙니다.
우선
1. 자바스크립트 펑션은 js/common.js 의 하단쪽에 붙여넣고,
2. php 펑션은 lib/common.lib.php 의 하단쪽에 붙여 넣습니다.
그런다음 사용하고자 하는 곳에서 위 예시대로 펑션을 호출하여 사용하면 됩니다.
디자인적인 스타일은 적절히 수정하시면 됩니다.

# 요즘은 대부분이 위지웍 에디터를 사용하기 때문에 잘 사용하지 않죠..;;
댓글을 작성하시려면 로그인이 필요합니다. 로그인

그누4 팁자료실

그누보드4와 관련된 팁을 여러분들과 함께 공유하세요. 나누면 즐거움이 커집니다.

+
제목 글쓴이 날짜 조회
19년 전 조회 4,555
19년 전 조회 3,141
19년 전 조회 4,902
19년 전 조회 2,733
19년 전 조회 4,460
19년 전 조회 1.3만
19년 전 조회 7,248
19년 전 조회 5,412
19년 전 조회 1.2만
19년 전 조회 1.7만
19년 전 조회 5,808
19년 전 조회 3,786
19년 전 조회 7,062
19년 전 조회 3,579
19년 전 조회 4,138
19년 전 조회 3,201
19년 전 조회 4,431
19년 전 조회 2,750
19년 전 조회 3,092
19년 전 조회 5,069
🐛 버그신고