Tag Archives: jQuery

How to Set the Selected Index of a Dropdown using jQuery

There are a number of ways to set the selected index of a dropdown list when it comes to jQuery, though unfortunately one of them only works about half the time, basically whenever the guys behind the library remember to fix a particular bug in the system for that particular release.
Continue reading

Posted in jQuery | Tagged , , , , , , , | Leave a comment

jQuery: Show a Operation Status bar which Disappears after a Couple of Seconds

Operation or Message status bars are useful creatures when you want to indicate to a user that their action (perhaps AJAX driven) either succeeded or failed. Popping one up on the screen, setting its colours accordingly and displaying the message before making it disappear again after a couple of seconds becomes pretty trivial when using jQuery.
Continue reading

Posted in jQuery | Tagged , , , , , , | Leave a comment

jQuery DataTables: How to destroy a DataTable instance

datatables-jquery-screenshot

I really do love the awesome DataTable plugin which creates useful dynamic, with oodles of extra functionality, tables out of plain old vanilla HTML tables. Today’s quick tip however looks at how one destroys an already instantiated DataTable instance, say because you want to recreate it at a later stage in a completely different format but want to reuse the selector currently bound to the existing table.
Continue reading

Posted in jQuery | Tagged , , , | Leave a comment

jQuery: How to Locate the Selected Radio Button out of a Group of Radio Buttons

Radio buttons are pretty awesome when you need to ensure that a user has picked ONE of the given options presented to them, and using jQuery, it turns out to be a pretty simple affair to determine and manipulate exactly which radio button is currently selected from the group. Continue reading

Posted in jQuery | Tagged , , , , , | 2 Comments

jQuery Draggable, Droppable and Sortable User Interface not working in Internet Explorer 9 (IE 9)

jquery-girl-black-stretch-top

I received a bit of a nasty shock when by sheer chance, one of the project managers updated their machines and got Internet Explorer 9 installed in the process, only to instantly come back to me and announce that the drag and drop features on our web project no longer worked – at all. Continue reading

Posted in jQuery | Tagged , , , , , , , , , , | 2 Comments