mirror of
https://github.com/wbbaddons/Tims-Chat.git
synced 2024-11-01 14:20:07 +00:00
f67405866b
Now a counter can be created like this:
$('INPUT').jCounter(<null, options>);
The element input element will be wrapped in two divs,
the counterContainer div and a second div (display table and table-row ;) ).
Then the counter will be appended to the new created parent of the Input (the second div).
And it can be called like this:
$('INPUT').jCounter(either an id, a class or an object ($('bla')) <, options>);
48 lines
1.3 KiB
CoffeeScript
48 lines
1.3 KiB
CoffeeScript
###
|
|
# 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 = (container, options) ->
|
|
options = $.extend
|
|
max: 0
|
|
counterClass: 'counter'
|
|
countUp: false
|
|
, options
|
|
|
|
if this.attr('maxlength')
|
|
max = this.attr('maxlength')
|
|
else max = options.max
|
|
|
|
if !container
|
|
this.wrap('<div class="counterContainer"><div></div></div>').parent().append('<div class="' + options.counterClass + ' color-1">' + max + '</div>');
|
|
jCounterContainer = $(this).parent().children('.' + options.counterClass)
|
|
else
|
|
if `typeof container == "object"`
|
|
jCounterContainer = container
|
|
else
|
|
jCounterContainer = $ container
|
|
|
|
this.on 'keypress keyup', $.proxy () ->
|
|
if options.countUp
|
|
length = this.val().length
|
|
else
|
|
length = max - this.val().length
|
|
|
|
if options.countUp
|
|
color = 1
|
|
else
|
|
if length > max / 2
|
|
color = 1
|
|
else if length <= max / 2 and length >= max / 6
|
|
color = 2
|
|
else
|
|
color = 3
|
|
|
|
jCounterContainer.text(length).attr('class', '').addClass(options.counterClass + ' color-'+color)
|
|
, this
|
|
)(jQuery) |