<script language="JavaScript">
<!--
function textCounter(field,counter,maxlimit,linecounter) {
var fieldWidth = parseInt(field.style.width);
var charcnt = field.value.length;
if(charcnt > maxlimit) {
field.value = field.value.substring(0, maxlimit);
} else {
var percentage = parseInt(100 - (( maxlimit - charcnt) * 100)/maxlimit) ;
document.getElementById(counter).style.width = parseInt((fieldWidth*percentage)/100)+"px";
setcolor(document.getElementById(counter),percentage,"background-color");
}
}
function setcolor(obj,percentage,prop){
obj.style[prop] = "rgb(80%,"+(100-percentage)+"%,"+(100-percentage)+"%)";
}
// 페이지 로드시 명령
textCounter(document.getElementById("maxcharfield"),"progressbar1",200);
//-->
</script>
<!--
textarea에서 onkeydown,onkeyup,onfocus의 명령의 설명
textCounter(this,1,2);
this : 현재 textarea의 name값과 같음
1 : 게이지가 보여질 부분의 id값
2 : textarea에 입력 가능한 최대 글자수
** textarea에서 가로크기는 꼭 style로 해야함 cols는 안됨..
//-->
<textarea style="width:300px" rows="5" name="maxcharfield" onKeyDown="textCounter(this,'progressbar1',200);" onKeyUp="textCounter(this,'progressbar1',200);" onFocus="textCounter(this,'progressbar1',200);">
</textarea>
<!-- 입력 길이를 표시하는 게이지 //-->
<div id="progressbar1" style="width:1px; height:2px; background-color:#DFDFFF;"></div><div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 16:57:14 JavaScript에서 이동 됨]</div>
<!--
function textCounter(field,counter,maxlimit,linecounter) {
var fieldWidth = parseInt(field.style.width);
var charcnt = field.value.length;
if(charcnt > maxlimit) {
field.value = field.value.substring(0, maxlimit);
} else {
var percentage = parseInt(100 - (( maxlimit - charcnt) * 100)/maxlimit) ;
document.getElementById(counter).style.width = parseInt((fieldWidth*percentage)/100)+"px";
setcolor(document.getElementById(counter),percentage,"background-color");
}
}
function setcolor(obj,percentage,prop){
obj.style[prop] = "rgb(80%,"+(100-percentage)+"%,"+(100-percentage)+"%)";
}
// 페이지 로드시 명령
textCounter(document.getElementById("maxcharfield"),"progressbar1",200);
//-->
</script>
<!--
textarea에서 onkeydown,onkeyup,onfocus의 명령의 설명
textCounter(this,1,2);
this : 현재 textarea의 name값과 같음
1 : 게이지가 보여질 부분의 id값
2 : textarea에 입력 가능한 최대 글자수
** textarea에서 가로크기는 꼭 style로 해야함 cols는 안됨..
//-->
<textarea style="width:300px" rows="5" name="maxcharfield" onKeyDown="textCounter(this,'progressbar1',200);" onKeyUp="textCounter(this,'progressbar1',200);" onFocus="textCounter(this,'progressbar1',200);">
</textarea>
<!-- 입력 길이를 표시하는 게이지 //-->
<div id="progressbar1" style="width:1px; height:2px; background-color:#DFDFFF;"></div><div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 16:57:14 JavaScript에서 이동 됨]</div>
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 830 |
|
19년 전 | 2175 | |
| 829 |
|
19년 전 | 1903 | |
| 828 |
|
19년 전 | 1789 | |
| 827 |
|
19년 전 | 1646 | |
| 826 |
|
19년 전 | 1840 | |
| 825 |
|
19년 전 | 1882 | |
| 824 |
|
19년 전 | 1940 | |
| 823 |
|
19년 전 | 2685 | |
| 822 |
|
19년 전 | 5310 | |
| 821 |
|
19년 전 | 1717 | |
| 820 |
|
19년 전 | 1562 | |
| 819 |
|
19년 전 | 1428 | |
| 818 |
|
19년 전 | 1587 | |
| 817 |
|
19년 전 | 1517 | |
| 816 |
|
19년 전 | 1434 | |
| 815 |
|
19년 전 | 1446 | |
| 814 |
|
19년 전 | 1373 | |
| 813 |
|
19년 전 | 1435 | |
| 812 | 19년 전 | 2801 | ||
| 811 |
pearly
|
19년 전 | 3819 | |
| 810 |
pearly
|
19년 전 | 5200 | |
| 809 |
|
19년 전 | 1365 | |
| 808 |
pearly
|
19년 전 | 4530 | |
| 807 | 19년 전 | 2974 | ||
| 806 |
|
19년 전 | 1489 | |
| 805 |
|
19년 전 | 2685 | |
| 804 |
|
19년 전 | 3610 | |
| 803 |
|
19년 전 | 1778 | |
| 802 |
|
19년 전 | 3783 | |
| 801 |
|
19년 전 | 1874 | |
| 800 | 19년 전 | 3767 | ||
| 799 | 19년 전 | 3418 | ||
| 798 | 19년 전 | 4199 | ||
| 797 | 19년 전 | 4048 | ||
| 796 |
|
19년 전 | 1880 | |
| 795 |
|
19년 전 | 1839 | |
| 794 | 19년 전 | 4266 | ||
| 793 | 19년 전 | 2666 | ||
| 792 | 19년 전 | 2536 | ||
| 791 | 19년 전 | 2388 | ||
| 790 | 19년 전 | 1966 | ||
| 789 | 19년 전 | 2562 | ||
| 788 | 19년 전 | 2193 | ||
| 787 | 19년 전 | 1841 | ||
| 786 | 19년 전 | 1970 | ||
| 785 | 19년 전 | 1438 | ||
| 784 |
|
19년 전 | 1686 | |
| 783 | 19년 전 | 2827 | ||
| 782 |
|
19년 전 | 1943 | |
| 781 | 19년 전 | 3224 | ||
| 780 | 19년 전 | 3132 | ||
| 779 |
|
19년 전 | 2240 | |
| 778 |
|
19년 전 | 1786 | |
| 777 | 19년 전 | 2829 | ||
| 776 | 19년 전 | 2896 | ||
| 775 | 19년 전 | 4007 | ||
| 774 |
|
19년 전 | 1968 | |
| 773 | 19년 전 | 2617 | ||
| 772 | 19년 전 | 2331 | ||
| 771 | 19년 전 | 3459 | ||
| 770 |
|
19년 전 | 1418 | |
| 769 | 19년 전 | 1484 | ||
| 768 | 19년 전 | 1761 | ||
| 767 | 19년 전 | 2202 | ||
| 766 | 19년 전 | 1832 | ||
| 765 | 19년 전 | 1693 | ||
| 764 |
|
19년 전 | 2099 | |
| 763 |
|
19년 전 | 2204 | |
| 762 |
|
19년 전 | 4961 | |
| 761 | 19년 전 | 2324 | ||
| 760 |
|
19년 전 | 3191 | |
| 759 | 19년 전 | 2638 | ||
| 758 |
|
19년 전 | 2402 | |
| 757 | 19년 전 | 4696 | ||
| 756 | 19년 전 | 2558 | ||
| 755 |
|
19년 전 | 2405 | |
| 754 |
|
19년 전 | 1938 | |
| 753 |
|
19년 전 | 1720 | |
| 752 |
pearly
|
19년 전 | 3355 | |
| 751 | 19년 전 | 2318 | ||
| 750 |
|
19년 전 | 6152 | |
| 749 | 19년 전 | 2016 | ||
| 748 |
|
19년 전 | 1893 | |
| 747 |
|
19년 전 | 2701 | |
| 746 |
|
19년 전 | 1802 | |
| 745 | 19년 전 | 2277 | ||
| 744 | 19년 전 | 2103 | ||
| 743 |
|
19년 전 | 3555 | |
| 742 | 19년 전 | 2569 | ||
| 741 | 19년 전 | 2737 | ||
| 740 |
|
19년 전 | 4362 | |
| 739 | 19년 전 | 3538 | ||
| 738 |
|
19년 전 | 2298 | |
| 737 | 19년 전 | 4285 | ||
| 736 | 19년 전 | 3259 | ||
| 735 |
홀로남은자
|
19년 전 | 4125 | |
| 734 |
홀로남은자
|
19년 전 | 2006 | |
| 733 |
홀로남은자
|
19년 전 | 2219 | |
| 732 | 19년 전 | 2138 | ||
| 731 | 19년 전 | 3345 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기