2011-12-19 16:36:05 +00:00
|
|
|
###
|
|
|
|
|
# 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
|
|
|
|
|
###
|
|
|
|
|
(($) ->
|
2011-12-19 16:40:29 +00:00
|
|
|
$.fn.jCounter = (max = 140, options) ->
|
2011-12-19 16:36:05 +00:00
|
|
|
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)
|
