웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
글상자글적으면 적은수가 숫자로 표시(글제한할때좋죠).
2002.11.18 11:36
안녕하세요.
이번에는 글상장에 글을 적으면 몇자적은지 모르잖아요.
그래서 따로 글상자를 만들어 거기에 몇글자 적은지 실시간으로 보여
주는 겁니다. 그러니까 문자메시지 보낼때 표시되는 글자수죠.
샘플보기
http://diyworld.biz/test3.html
**head 부분에 넣으세요.(자바스크립트)**
<script language="javascript">
function cal_byte(aquery)
{
var tmpStr;
var temp=0;
var onechar;
var tcount;
tcount = 0;
tmpStr = new String(aquery);
temp = tmpStr.length;
for (k=0;k<temp;k++)
{
onechar = tmpStr.charAt(k);
if (escape(onechar).length > 4) {
tcount += 2;
}
else {
tcount++;
}
}
document.form1.cbyte.value = tcount;
if(tcount>255) {
reserve = tcount-255;
alert("설명은 30 이상은 전송하실수 없습니다.rn 쓰신 글은 "+reserve+"30자가 초과되었습니다.rn 초과된 부분은 자동으로 삭제됩니다.");
cutText();
return;
}
}
function cutText()
{
nets_check(document.form1.comment.value);
}
function nets_check(aquery)
{
var tmpStr;
var temp=0;
var onechar;
var tcount;
tcount = 0;
tmpStr = new String(aquery);
temp = tmpStr.length;
for(k=0;k<temp;k++)
{
onechar = tmpStr.charAt(k);
if(escape(onechar).length > 4) {
tcount += 2;
}
else {
tcount++;
}
if(tcount>255) {
tmpStr = tmpStr.substring(0,k);
break;
}
}
document.form1.comment.value = tmpStr;
cal_byte(tmpStr);
}
function cal_pre()
{
var tmpStr;
document.form1.item_num.value == -1 ;
tmpStr = document.form1.comment.value;
cal_byte(tmpStr);
}
</script>
**body 부분에 넣으세요.**
<form name="form1">
<p>스킨에 적용해도 상당히 괜찮을뜻 합니다.</p>
<p> </p>
<p><input type="text" name="comment" onKeyUp='javascript:cal_pre();' style="border:1 solid #669090" size="51" maxlength="30" value="" tabindex="2"></p>
<p><input size=5 value=0 name=cbyte style="border:1 solid #669090">
/<font color="#0000FF"> 코멘트는 60byte 이하로 작성하여 주시기 바랍니다</font>
<input type=hidden name=item_num value="-1" style="WIDTH: 0px; HEIGHT: 0px" size=5></p>
</form>
**설명**
글상자 폼네임을 form1 으로 하였고 자바스크립트에도 form1 네임 맟춤
저는 글적을 상자 이름을 comment라 하고 자바스크립트에도 comment 맞춤
숫자가 표시될 글상자 이름을 cbyte라 함고 자바스크립트도 맞춤
input 타입에서 글적는 상자에는 onKeyUp='javascript:cal_pre(); 이부분을 삽입함.
그리고 글자수 표시될 상자에는 input type=hidden name=item_num value="-1" 이부분을 꼭 삽입할것.
이상입니다.
그냥 샘플보시고 소스보시면 수정하실수 있을것 같네요.
총으면 추천한방..펑..
이번에는 글상장에 글을 적으면 몇자적은지 모르잖아요.
그래서 따로 글상자를 만들어 거기에 몇글자 적은지 실시간으로 보여
주는 겁니다. 그러니까 문자메시지 보낼때 표시되는 글자수죠.
샘플보기
http://diyworld.biz/test3.html
**head 부분에 넣으세요.(자바스크립트)**
<script language="javascript">
function cal_byte(aquery)
{
var tmpStr;
var temp=0;
var onechar;
var tcount;
tcount = 0;
tmpStr = new String(aquery);
temp = tmpStr.length;
for (k=0;k<temp;k++)
{
onechar = tmpStr.charAt(k);
if (escape(onechar).length > 4) {
tcount += 2;
}
else {
tcount++;
}
}
document.form1.cbyte.value = tcount;
if(tcount>255) {
reserve = tcount-255;
alert("설명은 30 이상은 전송하실수 없습니다.rn 쓰신 글은 "+reserve+"30자가 초과되었습니다.rn 초과된 부분은 자동으로 삭제됩니다.");
cutText();
return;
}
}
function cutText()
{
nets_check(document.form1.comment.value);
}
function nets_check(aquery)
{
var tmpStr;
var temp=0;
var onechar;
var tcount;
tcount = 0;
tmpStr = new String(aquery);
temp = tmpStr.length;
for(k=0;k<temp;k++)
{
onechar = tmpStr.charAt(k);
if(escape(onechar).length > 4) {
tcount += 2;
}
else {
tcount++;
}
if(tcount>255) {
tmpStr = tmpStr.substring(0,k);
break;
}
}
document.form1.comment.value = tmpStr;
cal_byte(tmpStr);
}
function cal_pre()
{
var tmpStr;
document.form1.item_num.value == -1 ;
tmpStr = document.form1.comment.value;
cal_byte(tmpStr);
}
</script>
**body 부분에 넣으세요.**
<form name="form1">
<p>스킨에 적용해도 상당히 괜찮을뜻 합니다.</p>
<p> </p>
<p><input type="text" name="comment" onKeyUp='javascript:cal_pre();' style="border:1 solid #669090" size="51" maxlength="30" value="" tabindex="2"></p>
<p><input size=5 value=0 name=cbyte style="border:1 solid #669090">
/<font color="#0000FF"> 코멘트는 60byte 이하로 작성하여 주시기 바랍니다</font>
<input type=hidden name=item_num value="-1" style="WIDTH: 0px; HEIGHT: 0px" size=5></p>
</form>
**설명**
글상자 폼네임을 form1 으로 하였고 자바스크립트에도 form1 네임 맟춤
저는 글적을 상자 이름을 comment라 하고 자바스크립트에도 comment 맞춤
숫자가 표시될 글상자 이름을 cbyte라 함고 자바스크립트도 맞춤
input 타입에서 글적는 상자에는 onKeyUp='javascript:cal_pre(); 이부분을 삽입함.
그리고 글자수 표시될 상자에는 input type=hidden name=item_num value="-1" 이부분을 꼭 삽입할것.
이상입니다.
그냥 샘플보시고 소스보시면 수정하실수 있을것 같네요.
총으면 추천한방..펑..
댓글 2
제목 | 글쓴이 | 날짜 |
---|---|---|
[PHP 동영상강의] 49. 만년달력 제작해보기 [1] | 서기 | 2007.08.08 |
[PHP 동영상강의] 50. 자바스크립트로 풀다운 메뉴제작 [2] | 서기 | 2007.08.08 |
[PHP 동영상강의] 51. db와 연동된 다중 셀렉트 제작하기 [7] | 서기 | 2007.08.08 |
[zbXE 동영상강좌] 1. zbXE 설치하기 [2] | 서기 | 2007.08.16 |
[zbXE 동영상강좌] 2. 포토샵에서 레이아웃 만들기 [12] | 서기 | 2007.08.16 |
[zbXE 동영상강좌] 3. 레이아웃 완성하기 [13] | 서기 | 2007.08.16 |
[PDF 제작하기 동영상강좌] 1. 기본환경 설정 [1] | 서기 | 2007.08.18 |
[PDF 제작하기 동영상강좌] 2. Hello PDF | 서기 | 2007.08.18 |
[PDF 제작하기 동영상강좌] 3. 기존의 PDF파일 불러오기 [2] | 서기 | 2007.08.18 |
간단한 칠판 모양 게시판
[9]
![]() | SoukoZ | 2007.08.19 |
포인트부여시 ...회원로그인 [2] | 구본순 | 2007.08.28 |
관리자모드 - 관리자그룹만 모든 회원리스트보기 [2] | 이지혜609 | 2007.10.23 |
php에서 exif소스이용하기 [5] | 최만순279 | 2007.11.18 |
웹 계정에서 지워지지 않는 폴더 및 파일 삭제하는 방법 [3] | Rising.kr | 2008.01.24 |
OGIT STUDY 1 | OGIT | 2008.02.01 |
OGIT STUDY 2 [1] | OGIT | 2008.02.01 |
OGIT STUDY 3 [1] | OGIT | 2008.02.01 |
웹페이지 미리보기 snapshot 활용하기 [2] | 유창화 | 2008.02.15 |
FLV 사이트 다운로더 소스
![]() | fallstoofast | 2008.03.07 |
해시로부터 주민등록번호 복호화 [2] | fallstoofast | 2008.03.12 |