jQuery Plugin For HTML Select Box Replacement - Heapbox

jQuery Plugin For HTML Select Box Replacement - Heapbox
File Size: 54.6KB
Views Total:
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

Heapbox is an easy jQuery plugin that replaces the default html drop down select box to make it support themes, events, callbacks, ajax and much more.

Pre-defined themes included in this pack:

  • asbestos
  • belize_hole
  • dark
  • green_sea
  • midnight_blue
  • nephritis
  • orange
  • pomegranate
  • pumpkin
  • wisteria

Basic Usage:

1. Include the latest version of jQuery library and jQuery Heapbox Plugin after jQuery

<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="../src/jquery.heapbox-0.9.0.min.js"></script>

2. Choose and include a theme css on the page

<link rel="stylesheet" href="../themes/pumpkin/css/pumpkin.css" type="text/css" media="screen" />

3. Create a standard html select box

<select class="demo">
<option value="value1">Value 1</option>
<option value="value2">Value 2</option>
<option value="value3">Value 3</option>
</select>

4. Call the plugin with options

<script type="text/javascript">
$(document).ready(function() {
 		
$(".demo").heapbox();

});
</script>

Change log:

v0.9.3 (2013-09-30)

  • updated examples
  • improved themes

This awesome jQuery plugin is developed by FilipBartos. For more Advanced Usages, please check the demo page or visit the official website.