wamo/gnu-social
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Char counter for notice update text area. http://laconi.ca/PITS/00094

Browse Source 
Added a util.js and this uses JQuery.

darcs-hash:20080624174613-982e4-1a6f11365957e6f4ed70b87ce64fb9938441f01f.gz
This commit is contained in:
matthew.gregg 2008-06-24 13:46:13 -04:00
parent 5593d4a50b
commit 240989994d
3 changed files with 38 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
js/util.js Normal file
View File

@ -0,0 +1,21 @@
$(document).ready(function(){
// count character on keyup
function counter(){
var maxLength = 140;
var currentLength = $("#status_textarea").val().length;
var remaining = 140 - currentLength;
$("#counter").text(remaining);
if(remaining <= 0) {
$("#counter").attr("class", "toomuch");
} else {
$("#counter").attr("class", "");
}
}
if ($("#status_textarea").length) {
$("#status_textarea").bind("keyup", counter);
}
});

4
lib/util.php
View File

@ -170,6 +170,9 @@ function common_show_header($pagetitle, $callable=NULL, $data=NULL, $headercall=
common_element('script', array('type' => 'text/javascript',
'src' => common_path('js/jquery.min.js')),
' ');
common_element('script', array('type' => 'text/javascript',
'src' => common_path('js/util.js')),
' ');
if ($callable) {
if ($data) {
@ -834,6 +837,7 @@ function common_notice_form($action=NULL, $content=NULL) {
common_element('label', array('for' => 'status_update',
'id' => 'status_label'),
_t('What\'s up, ').$user->nickname.'?');
common_element('span', array('id' => 'counter', 'class' => 'counter'), '140');
common_element('textarea', array('id' => 'status_textarea',
'name' => 'status_textarea'),
($content) ? $content : ' ');

15
theme/default/display.css
View File

@ -476,7 +476,7 @@ textarea {
padding: 0;
}
#status_label {
display: block;
display: inline;
clear: both;
margin: 0;
padding: 0 0 3px 0;
@ -510,10 +510,21 @@ textarea {
color: #fff6d5;
cursor: pointer;
border: 0;
}
}
#status_submit:hover {
background-color: #d1451a;
}
#counter {
position: relative;
color: black;
font-weight: bold;
font-size: 18px;
left: 255px;
}
#counter.toomuch {
color: red;
}
/* ----- Subscribe Form ----- */
#subscribe .button, #unsubscribe .button, #remotesubscribe .button {