jQuery

22 Aug 2013

How to make some options in a dropbox grey

This makes all options which contain the word 'discontinued' grey.

    function GreyOutInactiveProducts() {
        jQuery(".ProductSelector option:contains('discontinued')").css("color", "#666")
    }
    jQuery(document).ready(GreyOutInactiveProducts)

How to use JSONP data in a jQuery autocomplete

http://jqueryui.com/demos/autocomplete/remote-jsonp.html

http://blog.schuager.com/2008/09/jquery-autocomplete-json-apsnet-mvc.html

Plugins

jQuery Spelling Checker

This is a great spell checker, with really nice UI and a REST service.

http://www.afterthedeadline.com/download.slp?platform=jQuery

Other plugins that look useful - to try out

bgiframe and others - http://brandonaaron.net/code

Chosen

This is a SELECT element enhancer. It includes search on single selects to make them more usable with large numbers of items (and even to make typing "mi" typed slowly find "mike" instead of ending up at things starting with "i"), and multiselect capabilities. The plugin has a really nice unobtrusive look and feel.

http://harvesthq.github.com/chosen/

Also some people are thinking to add ajax autocomplete functionality to it, which would mean you can avoid the baggage of jquery UI.

http://blog.meltingice.net/programming/bootstrapping-chosen-ajax-autocomplete/

https://github.com/mobyle2/mobyle2.core/blob/master/src/mobyle2/core/static/js/ajax-chosen.js