index.html
<!DOCTYPE html>
<html xmlns='http://www.w3.org/1999/xhtml'>
<head>
<title>Input Counter</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="stylesheet.css" media="screen" rel="stylesheet" type="text/css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>
<script src="application.js" type="text/javascript"></script>
</head>
<body>
<div id="container">
<form action="index.html" method="POST">
<textarea></textarea>
<span class="input-counter"></span>
<input type="submit" id="input-submit" value="등록" />
</form>
</div>
</body>
</html>
stylesheet.js
body {
font-size: 12px;
background: #FFF;
color: #333;
margin: 0;
}
#container {
margin: 10px auto;
width: 500px;
padding: 10px;
background: #CCC;
}
form {
overflow: hidden;
height: 100%;
}
textarea {
display: block;
width: 99%;
height: 5.0em;
margin-bottom: 0.5em;
}
span.input-counter {
float: left;
font-weight: bold;
color: #000;
}
span.input-counter.disabled {
color: #F00;
}
input#input-submit {
float: right;
}
application.js
$(function() {
var maxLength = 140;
function updateInputCount() {
var textLength = $('textarea').val().length;
var count = maxLength - textLength;
$('span.input-counter').text(count);
if (count < 0) {
$('span.input-counter').addClass('disabled');
$('input#input-submit').prop('disabled', true);
} else {
$('span.input-counter').removeClass('disabled');
$('input#input-submit').prop('disabled', false);
}
}
$('textarea')
.focus(updateInputCount)
.blur(updateInputCount)
.keypress(updateInputCount);
window.setInterval(updateInputCount, 100);
updateInputCount();
});
댓글 1개
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 7330 | 11년 전 | 1690 | ||
| 7329 | 11년 전 | 939 | ||
| 7328 | 11년 전 | 2234 | ||
| 7327 | 11년 전 | 1726 | ||
| 7326 | 11년 전 | 3822 | ||
| 7325 | 11년 전 | 2282 | ||
| 7324 | 11년 전 | 4530 | ||
| 7323 |
호식이와미돌
|
11년 전 | 1305 | |
| 7322 |
호식이와미돌
|
11년 전 | 1155 | |
| 7321 | 11년 전 | 1795 | ||
| 7320 | 11년 전 | 1768 | ||
| 7319 | 11년 전 | 1332 | ||
| 7318 |
 나는웹디다 |
11년 전 | 988 | |
| 7317 |
멋진남자임
|
11년 전 | 1624 | |
| 7316 |
잘살아보자
|
11년 전 | 997 | |
| 7315 | 11년 전 | 1116 | ||
| 7314 | 11년 전 | 1327 | ||
| 7313 |
잘살아보자
|
11년 전 | 1134 | |
| 7312 | 11년 전 | 893 | ||
| 7311 |
사랑한데이
|
11년 전 | 2083 | |
| 7310 |
잘살아보자
|
11년 전 | 1898 | |
| 7309 |
잘살아보자
|
11년 전 | 3060 | |
| 7308 |
잘살아보자
|
11년 전 | 1028 | |
| 7307 |
잘살아보자
|
11년 전 | 787 | |
| 7306 | 11년 전 | 886 | ||
| 7305 |
잘살아보자
|
11년 전 | 2758 | |
| 7304 | 11년 전 | 1042 | ||
| 7303 | 11년 전 | 1239 | ||
| 7302 | 11년 전 | 749 | ||
| 7301 | 11년 전 | 1532 | ||
| 7300 |
mijaya
|
11년 전 | 1506 | |
| 7299 | 11년 전 | 920 | ||
| 7298 | 11년 전 | 1106 | ||
| 7297 | 11년 전 | 775 | ||
| 7296 | 11년 전 | 747 | ||
| 7295 | 11년 전 | 1573 | ||
| 7294 | 11년 전 | 922 | ||
| 7293 | 11년 전 | 819 | ||
| 7292 | 11년 전 | 911 | ||
| 7291 |
잘살아보자
|
11년 전 | 1098 | |
| 7290 |
잘살아보자
|
11년 전 | 764 | |
| 7289 | 11년 전 | 810 | ||
| 7288 |
잘살아보자
|
11년 전 | 1337 | |
| 7287 | 11년 전 | 842 | ||
| 7286 |
잘살아보자
|
11년 전 | 1340 | |
| 7285 | 11년 전 | 832 | ||
| 7284 | 11년 전 | 989 | ||
| 7283 | 11년 전 | 1013 | ||
| 7282 | 11년 전 | 783 | ||
| 7281 | 11년 전 | 816 | ||
| 7280 | 11년 전 | 1052 | ||
| 7279 | 11년 전 | 1977 | ||
| 7278 | 11년 전 | 817 | ||
| 7277 | 11년 전 | 824 | ||
| 7276 | 11년 전 | 765 | ||
| 7275 | 11년 전 | 1187 | ||
| 7274 | 11년 전 | 826 | ||
| 7273 | 11년 전 | 750 | ||
| 7272 | 11년 전 | 1066 | ||
| 7271 | 11년 전 | 1400 | ||
| 7270 | 11년 전 | 1028 | ||
| 7269 | 11년 전 | 957 | ||
| 7268 | 11년 전 | 998 | ||
| 7267 | 11년 전 | 1837 | ||
| 7266 | 11년 전 | 901 | ||
| 7265 | 11년 전 | 961 | ||
| 7264 |
잘살아보자
|
11년 전 | 2723 | |
| 7263 |
잘살아보자
|
11년 전 | 2265 | |
| 7262 |
잘살아보자
|
11년 전 | 1142 | |
| 7261 |
잘살아보자
|
11년 전 | 1636 | |
| 7260 |
잘살아보자
|
11년 전 | 1256 | |
| 7259 | 11년 전 | 1169 | ||
| 7258 |
잘살아보자
|
11년 전 | 1304 | |
| 7257 |
잘살아보자
|
11년 전 | 1899 | |
| 7256 | 11년 전 | 948 | ||
| 7255 |
그누5입문
|
11년 전 | 1952 | |
| 7254 | 11년 전 | 2171 | ||
| 7253 |
 Terrorboy |
11년 전 | 868 | |
| 7252 | 11년 전 | 1009 | ||
| 7251 | 11년 전 | 723 | ||
| 7250 | 11년 전 | 1694 | ||
| 7249 | 11년 전 | 1553 | ||
| 7248 |
sogo87
|
11년 전 | 1047 | |
| 7247 | 11년 전 | 938 | ||
| 7246 | 11년 전 | 708 | ||
| 7245 |
잘살아보자
|
11년 전 | 1085 | |
| 7244 | 11년 전 | 1534 | ||
| 7243 |
presee
|
11년 전 | 603 | |
| 7242 |
sogo87
|
11년 전 | 791 | |
| 7241 | 11년 전 | 897 | ||
| 7240 |
브라이언2
|
11년 전 | 913 | |
| 7239 |
Terrorboy |
11년 전 | 1129 | |
| 7238 | 11년 전 | 2631 | ||
| 7237 |
잘살아보자
|
11년 전 | 2276 | |
| 7236 |
dethos79
|
11년 전 | 1844 | |
| 7235 |
멋진남자임
|
11년 전 | 1407 | |
| 7234 | 11년 전 | 1352 | ||
| 7233 | 11년 전 | 2323 | ||
| 7232 | 11년 전 | 1600 | ||
| 7231 | 11년 전 | 2787 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기