Selectable

Makes a list of items mouse and keyboard selectable. Options will vary by framework. The following example assumes jQuery as the selected framework.

<style>
	.box
	{
		border:1px solid #ccc;
		width:400px;
		height:40px;
		background-color:#eee;
		margin:10px;
		padding:10px;
	}
	.resize
	{
		background-color:#ffffcc !important;
	}
	.resize_border
	{
		border:1px solid #ff0000;
	}
</style>
 
<div behavior="selectable">
	<div class="box" 
		on="selecting then add[class=resize] or unselecting then remove[class=resize]">
		One
	</div>
	<div class="box" 
		on="selecting then add[class=resize] or unselecting then remove[class=resize]">
		Two
	</div>
	<div class="box" 
		on="selecting then add[class=resize] or unselecting then remove[class=resize]">
		Three
	</div>
	<div class="box" 
		on="selecting then add[class=resize] or unselecting then remove[class=resize]">
		Four
	</div>
</div>