jQuery TagCloud plugin

Description

jQuery TagCloud plugin manage tags easily. Use in your CMS, comment forms or etc.

What do you need?

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.tagcloud.js"></script>
<link type="text/css" rel="stylesheet" href="css/jquery.tagcloud.css" />

Example 1

<script type="text/javascript">
$(function(){
	$('#btnTagAdd1').click(function(){
		$('#newtag1').addtag({
			holder_id : 'tagchecklist1',
			prefix: 't1'
		});
		$('#newtag1').val('');
	});
	$('#newtag1').keydown(function(event){
		if ($.isenter({
			event: event
		})) {
			$('#newtag1').addtag({
				holder_id: 'tagchecklist1',
				prefix: 't1'
			});
			$('#newtag1').val('');
			return false;
		}
	});
	$('#newtag1').keypress(function(event){
		if ($.isenter({
			event: event
		})) {
			$('#newtag1').addtag({
				holder_id: 'tagchecklist1',
				prefix: 't1'
			});
			$('#newtag1').val('');
			return false;
		}
	});
});
</script>

Example 2

<script type="text/javascript">
$(function(){
	$('#btnTagAdd2').click(function(){
		$('#newtag2').addtag({
			holder_id : 'tagchecklist2',
			prefix: 't2'
		});
		$('#newtag2').val('');
	});
	$('#newtag2').keydown(function(event){
		if ($.isenter({
			event: event
		})) {
			$('#newtag2').addtag({
				holder_id: 'tagchecklist2',
				prefix: 't2'
			});
			$('#newtag2').val('');
			return false;
		}
	});
	$('#newtag2').keypress(function(event){
		if ($.isenter({
			event: event
		})) {
			$('#newtag2').addtag({
				holder_id: 'tagchecklist2',
				prefix: 't2'
			});
			$('#newtag2').val('');
			return false;
		}
	});
	$('a.delbutton').click(function(){
		$(this).removetag({id : 'spant2_' + $(this).attr('rev'), holder_id : 'tagchecklist'});
	});
});
</script>

Download

jQuery TagCloud 1.0

Licenses

jQuery TagCloud plugin is currently available for use in all personal or commercial projects under both MIT and GPL licenses. This means that you can choose the license that best suits your project, and use it accordingly.

Contacts

Dimitar Ivanov
info@bulgaria-web-developers.com
www.bulgaria-web-developers.com
www.bulgaria-web-developers.com/blog

Links