Bastelstube/Tims-Chat
1
0
Fork 0
mirror of https://github.com/wbbaddons/Tims-Chat.git synced 2024-10-31 14:10:08 +00:00
Code Issues Releases Wiki Activity
1d07a4cc24
Tims-Chat/file/js/jCounter.jQuery.coffee

62 lines
1.7 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
Seperated counter from chat.
2012-03-11 14:07:28 +00:00
counterClass: 'jCounter'
Porting counter to coffeescript
2011-12-19 16:36:05 +00:00
countUp: false
Seperated counter from chat.
2012-03-11 14:07:28 +00:00
cssFile: 'wcf/style/jCounter.css'
width: '100%'
Porting counter to coffeescript
2011-12-19 16:36:05 +00:00
, 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
Seperated counter from chat.
2012-03-11 14:07:28 +00:00
if $('#jCounterCSS').length == 0
$('head').append('<link id="jCounterCSS" rel="stylesheet" type="text/css" href="' + options.cssFile + '" >')
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
Seperated counter from chat.
2012-03-11 14:07:28 +00:00
if !this.hasClass('jCounterInput')
this.addClass('jCounterInput')
this.wrap('<div class="jCounterContainer" style="width: ' + options.width + '"><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
Seperated counter from chat.
2012-03-11 14:07:28 +00:00
if options.countUp && max > 0
if length < max / 2
color = 1
else if length >= max / 2 and length <= max / 1.2
color = 2
else
color = 3
else if options.countUp
Porting counter to coffeescript
2011-12-19 16:36:05 +00:00
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