Web Development with jQuery®

(^342) ❘ CHAPTER 13 SORTABLE
background: #fff;
list-style: none;
margin: 0 ;
padding: 0 ;
}
li.finderCategoryFile {
clear: both;
padding: 5px 5px 10px 5px;
min-height: 48px;
width: 290px;
}
li.finderCategoryFile h5 {
font: normal 12px 'Lucida Grande', Arial, sans-serif;
margin: 0 ;
}
div.finderCategoryFileIcon {
float: left;
width: 48px;
height: 48px;
background: url('images/Safari Document.png')
no-repeat;
}
h5.finderCategoryFileTitle,
div.finderCategoryFilePath {
padding-left: 55px;
}
li.finderCategoryFileSelected {
background: rgb(24, 67, 243)
url('images/Selected Item.png')
repeat-x
bottom;
color: white;
}
li.finderCategoryFileSelected a {
color: lightblue;
}
Finally, this JavaScript enables sortability.
$(document).ready(
function()
{
$('li.finderCategoryFile').mousedown(
function()
{
$('li.finderCategoryFile')
.not(this)
.removeClass('finderCategoryFileSelected');
$(this).addClass('finderCategoryFileSelected');
}
);
http://www.it-ebooks.info