NobleCount Plugin Demo

return to NobleCount HomePage >>>

$('#test1').NobleCount('#count1');

characters remaining remaining

$('#test2').NobleCount('#count2',{
	on_negative: 'go_red'
});

characters remaining remaining

$('#test3').NobleCount('#count3',{
	on_negative: 'go_red',
	on_positive: 'go_green'
});

characters remaining remaining

$('#test4').NobleCount('#count4',{
	on_negative: 'go_red',
	on_positive: 'go_green',
	max_chars: 250
});

characters remaining remaining

$('#test5').NobleCount('#count5',{
	on_negative: 'go_red',
	on_positive: 'go_green'
});

80 characters remaining remaining

$('#test6').NobleCount('#count6',{
	on_negative: 'go_red',
	on_positive: 'go_green',
	max_chars: 25
});

80 characters remaining remaining

$('#test7').NobleCount('#count7',{
	on_negative: 'go_red',
	on_positive: 'go_green',
	on_update: function(t_obj, char_area, c_settings, char_rem){
		if (char_rem < 0) {
			$(t_obj).css('font-weight', 'bold');
			$(t_obj).css('color','red');
		} else {
			$(t_obj).css('font-weight', 'normal');
			$(t_obj).css('color','black');
		}
	},
	max_chars: 25,
	cloak: true
});

characters remaining remaining

$('#test8').NobleCount('#count8',{
	on_negative: 'go_red',
	on_positive: 'go_green',
	max_chars: 25,
	on_update: function(t_obj, char_area, c_settings, char_rem){
		if ((char_rem % 10) == 0) {
			char_area.css('font-weight', 'bold');
			char_area.css('font-size', '300%');
		} else {
			char_area.css('font-weight', 'normal');
			char_area.css('font-size', '100%');
		}
	}
});

characters remaining remaining

$('#test9').NobleCount('#count9',{
	max_chars: 25,
	on_positive: function(t_obj, char_area, c_settings, char_rem){
		$(t_obj).css('border','1px solid black');
	},
	on_negative: function(t_obj, char_area, c_settings, char_rem){
		$(t_obj).css('border','5px solid red');
	}
});

characters remaining remaining

$('#test10').NobleCount('#count10',{
	on_negative: 'go_red',
	max_chars: 25,
	on_positive: function(t_obj, char_area, c_settings, char_rem){
		$(t_obj).css('border','1px solid black');
	}
});

characters remaining remaining

$('#test11').NobleCount('#count11',{
	max_chars: 25,
	on_negative: function(t_obj, char_area, c_settings, char_rem){
		alert('you are so negative!');
	},
	cloak: true
});

characters remaining remaining

$('#test12').NobleCount('#count12',{
	max_chars: 25,
	on_negative: 'go_red',
	on_positive: 'go_green'
});

characters remaining remaining

$('#test13').NobleCount('#count13',{
	max_chars: 25,
	on_negative: 'go_red',
	on_positive: 'go_green',
	block_negative: true
});

characters remaining remaining

$('#test14').NobleCount('#count14',{
	max_chars: 25,
	on_negative: 'go_red',
	on_positive: 'go_green',
	block_negative: true
});

characters remaining remaining

$('#test15').NobleCount('#count15',{
	on_negative: 'go_red',
	on_positive: 'go_green',
	max_chars: 25,
	cloak: true,
	in_dom: true
});

characters remaining remaining