jquery.select-icon.js Example

All too often a dropdown is used to selet something graphical, this plugin turns your dull dropdowns into pretty, useful icons.

Basic Example

Before:

After:


<div id='external_content'>Click Below to Load Content</div>
<button id='refresh_content'>Refresh Content</button>
<script>
	$('#refresh_content').on('click', function(){
		$('#external_content').loading();
		$.ajax('load/something', {
			complete: function(result){
				$('#external_content').html(result.html)
			}
		});
	});
</script>

Custom Text Example

Click Below to Load Content

<div id='external_content'>Click Below to Load Content</div>
<button id='refresh_content'>Refresh Content</button>
<script>
	$('#refresh_content').on('click', function(){
		$('#external_content').loading({ text: "Updating Data..." });
		$.ajax('load/something', {
			complete: function(result){
				$('#external_content').html(result.html)
			}
		});
	});
</script>