A progressive enhancement to select multiple form elements using jQuery that makes it much easier to use. This enhancement automatically hides the original select multiple, and instead presents a regular select showing the available options, and an HTML list showing the already-selected options. While hidden, the original select multiple is updated as the user makes changes.
No Ctrl/Cmd-Clicking is necessary to select multiple items, and an accidental click is not destructive. You add or remove items one at a time. Only the already-selected items occupy screen real estate, as they should. A remove link is included with each selected item, which eliminates ambiguity. Viewing and choosing a new item to add requires clicking on the select. This action is inherently more familiar, and displays many more available options at once, than a select multiple. More is seen at a glance and less scrolling (if any) is required to see all available options.Optionally, this type of select is sortable, giving it hierarchy. The user can drag and drop the items to the desired order.
Datagrids don’t have to be difficult to use anymore – say hi to Ingrid. Ingrid is an unobtrusive jQuery component that adds datagrid behaviors (column resizing, paging, sorting, row and column styling, and more) to your tables. It’s easy to get started – read on below, or check out the Example Pages
jQuery Treeview is a lightweight and flexible transformation of an unordered list into an expandable and collapsable tree, great for unobtrusive navigation enhancements. Supports both location and cookie based persistence.
Provides some options for customizing, an async-tree extension and an experimental sortable extension.
Do you also want the possibility to add, edit and remove items by dead simple templating? Hell yeah!
TinySort will sort any nodetype by it’s text- or attribute value, or by that of one of it’s children.
jCRUD is a lightweight jQuery plugin allows you to create, read, update, and delete content of HTML tables with ASP.NET server side code and AJAX.
- Insert, update and delete rows in HTML table
- ASP.NET server side + AJAX
- Works in all major browsers (Firefox, Opera, Safari, Chrome, Internet Explorer 6+)
This article consists of 2 parts: one is marking up and styling tags and the second is adding behavior to tag cloud using client-side script. I’ll show you my way of styling tag clouds although you may find similar (yet different 🙂 ) tutorials elsewhere.