Introducing : AppCache | Home | The Mobile Internet For The Rest Of Us

Filed under Lab on July 2, 2007 by Joel Nagy

Introducing : MultiSelect

Another new dynamic tool for websites or blogs has been added to the Arc90 Tools over to the lab. Check out MultiSelect, a sleek way to turn an HTML select into a stylish drop down that supports multiple selections in a compact view. It's a drag and drop installation, and you can change any select into a nice little MultiSelect.

Post a Comment Digg Del.icio.us

Trackback Pings (TrackBack URL for this entry)

http://www.arc90.com/cgi-bin/mt4/mt-tb.cgi/71.

Comments

While it looks cool, I think this would be a very bad thing to use in real life. It doesn't make it any easier for the average user to input data. You in fact make it harder for them to input data. It doesn't seem to accept keyboard input, so people who don't use a mouse will be left out. And visually impaired users may not be able to interact with it at all.

Posted on August 19, 2007 1:51 PM by Ron

Ron, while your comments are accurate, I wouldn't consider it a "very bad" thing. It just needs keyboard input to be added to it's current capabilities. This tool is offered for free to all to use and modify, so please feel free to improve upon the existing code. You also have to agree that the need for holding down up to 3 keys at once to select multiple items in a drop down is just as difficult for some users. And there is a case for making sure that the visually impaired user can actual use the drop down. This case is not that big of a deal considering that newer screen readers are very capable of handling dynamically created HTML once it belongs to the screen or DOM.

Posted on August 20, 2007 10:09 AM by Joel Nagy

interesting...

It needs keyboard support (as mentioned), and it needs to be "tab-able"... if you start tabbing on the page, you can't "get" to it.

still, pretty nice.
cheers

Posted on August 27, 2007 9:11 AM by steve

I like it. A lot.

Been looking for a good select replacement for a while now, and to have it also allow mulitple options... so cool.

I agree with the keyboard functionality comments above, but i also have one other suggestion.

Clicking outside the dropdown div should close it, just like in a regular select.

Posted on August 30, 2007 4:45 AM by roryok

Nice dropdown with multiple select. But this control still buggy.

#Bug 1 : If option value is test,test1,test2; when remove test, other value also will remove.

#Bug 2 : Sometime with get duplicate or invalid option value.

I hope someone can fix it.

Posted on September 14, 2007 8:13 PM by CH

I don't suppose anyone has this in asp.net using vb.net? I know its unpopular but that's what I've got to use.

Thanks

Posted on October 3, 2007 3:07 PM by Tina

Bugs feedBack ...

First of all, it didn't work on my Apple Safari (2.0.4). Bug appears here : "to = toObj.value;" as no value and safari stop execution.

And now bug in multiselect, when you select certains value in list. Value returns not include select option value but select option text.

You can try on your demo page : select a bottom only iFrame and you will see when you submit that the value is i'F'rame not iframe

Regards and availiable to help you improve your script.

Posted on November 27, 2007 6:38 AM by Alain

It's useful too, but I've a strange problem !
when I submit(post) the data through IE7, it works fine.
but when I use FF2, it doesn't post anything !!

Posted on January 26, 2008 11:30 AM by Mahmoud M. Abdel-Fattah

Hi there!

This script is quite useful because it takes its values from HTML source. I have a little trouble while using the script. I have to use UTF-8 encoding but I couldn't solve this problem. Did anyone have the same problem?

Posted on March 8, 2008 5:41 AM by Sinan Sarıçınar

Sinan,

You can resolve it by adding :

header('Content-type: text/html; charset=UTF-8');

in your script

;)

Posted on April 26, 2008 11:53 AM by Denis G.

How do I add onChange action on multiselect ?

For example:

Posted on May 8, 2008 4:50 AM by adi

How do I add onChange action on multiselect ?

For example I want that at onChange to put an alert with the selected value. How can I do that ?

Posted on May 8, 2008 4:51 AM by adi

Hi guys...

I found a little bug with IE6 and 7

if you inside the main Div far from the option text , you will find:

this.id is null or is not an object...

Could you help me to fix it ?
Best regards.

Posted on June 6, 2008 7:49 AM by Ghena

Post a Comment:

Introducing : AppCache | Main | The Mobile Internet For The Rest Of Us