Bastelstube/Tims-Chat
1
0
Fork 0
mirror of https://github.com/wbbaddons/Tims-Chat.git synced 2024-11-01 14:20:07 +00:00
Code Issues Releases Wiki Activity
ef72a875e5
Tims-Chat/file/js/jCounter.jQuery.coffee

48 lines
1.3 KiB
CoffeeScript
Raw Normal View History

Porting counter to coffeescript
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
###
(($) ->
Fixed and changed counter a bit. 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>);
2011-12-20 15:06:48 +00:00
$.fn.jCounter = (container, options) ->
Porting counter to coffeescript
2011-12-19 16:36:05 +00:00
options = $.extend
Fixed and changed counter a bit. 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>);
2011-12-20 15:06:48 +00:00
max: 0
Added the new CSS-prefixes
2012-02-05 16:21:43 +00:00
counterClass: 'jsCounter'
Porting counter to coffeescript
2011-12-19 16:36:05 +00:00
countUp: false
, options
Fixed and changed counter a bit. 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>);
2011-12-20 15:06:48 +00:00
if this.attr('maxlength')
max = this.attr('maxlength')
else max = options.max
Porting counter to coffeescript
2011-12-19 16:36:05 +00:00
Fixed and changed counter a bit. 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>);
2011-12-20 15:06:48 +00:00
if !container
Added the new CSS-prefixes
2012-02-05 16:21:43 +00:00
this.wrap('<div class="jsCounterContainer"><div></div></div>').parent().append('<div class="' + options.counterClass + ' color-1">' + max + '</div>');
Fixed and changed counter a bit. 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>);
2011-12-20 15:06:48 +00:00
jCounterContainer = $(this).parent().children('.' + options.counterClass)
else
Converting raw-js to coffeescript
2011-12-27 10:51:43 +00:00
if typeof container is 'object'
Fixed and changed counter a bit. 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>);
2011-12-20 15:06:48 +00:00
jCounterContainer = container
else
jCounterContainer = $ container
this.on 'keypress keyup', $.proxy () ->
Porting counter to coffeescript
2011-12-19 16:36:05 +00:00
if options.countUp
length = this.val().length
else
Fixed and changed counter a bit. 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>);
2011-12-20 15:06:48 +00:00
length = max - this.val().length
Porting counter to coffeescript
2011-12-19 16:36:05 +00:00
if options.countUp
color = 1
else
Fixed and changed counter a bit. 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>);
2011-12-20 15:06:48 +00:00
if length > max / 2
Porting counter to coffeescript
2011-12-19 16:36:05 +00:00
color = 1
Fixed and changed counter a bit. 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>);
2011-12-20 15:06:48 +00:00
else if length <= max / 2 and length >= max / 6
Porting counter to coffeescript
2011-12-19 16:36:05 +00:00
color = 2
else
color = 3
jCounterContainer.text(length).attr('class', '').addClass(options.counterClass + ' color-'+color)
, this
)(jQuery)
Reference in New Issue Copy Permalink