Introduction:
Today I came up with another article which has been posted in packtpub.com, this article helps you in developing a simple and awesome Item Selector using jQuery. I came up with my own design and icons, written CSS accordingly to place and adjust them accordingly.
Here is the article where I have posted – http://www.packtpub.com/article/simple-item-selector-using-jquery
Below are the respective snap shots of the same, For your reference preview is available at this location – http://www.developersnippets.com/snippets/jquery/item_selector/item_selector.html and you can download the source code from this location – http://www.developersnippets.com/snippets/jquery/item_selector/item_selector.zip
Related Entries...
Hi readers, you can have a glance on how we can develop a simple Alphabetical Glossary using jQuery w ...
'How to select elements which are having multiple classes using jQuery', this question has raised whe ...
There might be some scenarios where we need to check whether a particular DIV is visible or not and i ...
As we know jQuery is the best JavaScript library, we can do almost everything in Web. AviaSlider came ...
Introduction I would like to share one of the best and awesome Vertical Sliding Information Panel wh ...
Learn how to create a Nifty Dynamic Shadow using jQuery, as everybody knows jQuery is awesome and wit ...
Below snippet code helps you in getting mouse coordinates inside a div container, when user moves mou ...
This article will helps you to understand on how you can increase and decrease font-size of the conte ...
Hi readers, I am back again with some spicy jQuery related article. In this article, you can view bun ...
Introduction: Scott has released one awesome plugin for Select Box, you can customize it accordingly ...
3 Responses
You need an additional check for the bottom most arrow. As it is, if you select all, or select multiples that include the last entry in the toSelectBox, your selected items will disappear.
Here is what I wrote to fix it:
$(‘#bottommost’).click(function(){
//If no items are present in ‘toSelectBox’ (or) if none of the items are selected inform the user using an alert
if(!noOptions(“#toSelectBox”) || !isSelected(“#toSelectBox”)){return;}
//If the selected item(s) index is less than last item (option) index then move that item to the last position
if($(‘#toSelectBox option:selected:last’).attr(‘index’) == $(‘#toSelectBox option:last’).attr(‘index’)){return;}
if($(‘#toSelectBox option:selected’).attr(‘index’) < $('#toSelectBox option:last').attr('index')){
$('#toSelectBox option:selected').insertAfter($('#toSelectBox option:last'));
}
return false;
});
Thanks Dave! that was awesome fix! thanks a lot for this…
Thanks,
Vivek
Nice article. I’ve used it but got a little problem ONLY in IE7. There is a workaround for this: http://forum.jquery.com/topic/problem-with-multi-select-move-up-down-in-ie7