Bastelstube/Tims-Chat
1
0
Fork 0
mirror of https://github.com/wbbaddons/Tims-Chat.git synced 2024-12-22 21:40:08 +00:00
Code Issues Releases Wiki Activity

Porting counter to coffeescript

Browse Source
This commit is contained in:
Tim Düsterhus 2011-12-19 17:36:05 +01:00
parent d5cbbdb34d
commit 2d8724854b
2 changed files with 38 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
file/js/jCounter.jQuery.coffee Normal file
View File

@ -0,0 +1,38 @@
###
# jCounter - a simple character counter
#
# @author Maximilian Mader
# @copyright 2011 Maximilian Mader
# @license Creative Commons Attribution-NonCommercial-ShareAlike <http://creativecommons.org/licenses/by-nc-sa/3.0/legalcode>
# @package jQuery.jCounter
###
(($) ->
$.fn.jCounter = (max, options) ->
max ?= 140
options = $.extend
container: '<span></span>'
counterClass: 'counter'
countUp: false
, options
jCounterContainer = $ options.container
this.on 'keypress keydown keyup', $.proxy () ->
if options.countUp
length = this.val().length
else
length = maxChars - this.val().length
if options.countUp
color = 1
else
if length > maxChars / 2
color = 1
else if length <= maxChars / 2 and length >= maxChars / 6
color = 2
else
color = 3
jCounterContainer.text(length).attr('class', '').addClass(options.counterClass + ' color-'+color)
, this
)(jQuery)

35
file/js/jCounter.jQuery.js
View File

@ -1,35 +0,0 @@
/**
* jCounter - a simple character counter
*
* @author Maximilian Mader
* @copyright 2011 Maximilian Mader
* @license Creative Commons Attribution-NonCommercial-ShareAlike <http://creativecommons.org/licenses/by-nc-sa/3.0/legalcode>
* @package jQuery.jCounter
*/
(function($){
$.fn.jCounter = function(max, options) {
maxChars = max || 140;
options = $.extend({
container: '<span></span>',
counterClass: 'counter',
countUp: false
}, options);
var timeout;
jCounterContainer = $(options.container);
this.on('keypress keydown keyup', $.proxy(function() {
if(options.countUp) length = this.val().length;
else length = maxChars - this.val().length;
if(options.countUp) color = 1;
else {
if (length > maxChars / 2) color = 1;
else if (length <= maxChars / 2 && length >= maxChars / 6) color = 2;
else color = 3;
}
jCounterContainer.text(length).attr('class', '').addClass(options.counterClass + ' color-'+color);
}, this));
}
})(jQuery);