Usability, Web, Software Development
De makers van jQuery werken sinds een paar maanden aan jQuery Mobile.
“It’s a framework built on top of jQuery that provides a range of user interface elements and features for you to use in your mobile apps. jQuery Mobile uses the very best HTML 5 and CSS 3 features to provide the best possible experience in the most-capable browsers.”
Afgelopen jaar, op 12 november 2010 hebben de mannen van jQuery Mobile een tweede alfa versie uitgebracht – jQuery Mobile Alpha 2.
HTML Selectbox component
Een standaard HTML Selectbox component geeft de gebruiker de mogelijkheid om meerdere opties tegelijk te selecteren. Echter de manier waarop dit moet gebeuren, is niet erg gebruikersvriendelijk en meestal ook onbekend bij de “gewone” gebruikers.
Bij een lijst van checkboxes daarentegen is het meteen duidelijk dat er meerdere opties aangevinkt kunnen worden. Een “gewone” gebruiker is al bekend met een checkbox.
Met jQuery is het vrij eenvoudig om een standaard multiselectbox te transformeren naar deze andere custom variant hierboven besproken.
Multiselect transfer component mbv jQuery
Een standaard HTML selectbox geeft de gebruiker de mogelijkheid om meerdere opties tegelijk te selecteren. De manier waarop dit gebeurt, is niet erg gebruikersvriendelijk, maar belangrijker, meestal onbekend bij de “gewone” gebruikers.
Veel bekender is een component om opties tussen twee panels van links naar rechts te verplaatsen. Links staat de lijst met alle mogelijke opties waaruit een gebruiker kan kiezen en rechts de lijst met de geselecteerde opties.
Met jQuery is het vrij eenvoudig om een standaard multi-selectbox component te transformeren naar deze andere variant hierboven besproken.