Shaun Mccran

My digital playground

06
F
E
B
2012

JQuery auto resize input field Plugin example

I was looking for a simple way to make an existing Text Area form field expand as-and-when a user fills in enough information to reach to bottom edge of the form element.

James Padolsey has written a great little Auto resize function, you can get it from Github here: https://github.com/padolsey/jQuery.fn.autoResize.

The documentation in the example included with the download above is pretty good, but I've put up an example of it working here as well:

JQuery Auto resize Textarea plugin example

01
F
E
B
2012

Dynamically tagging content with Keywords using JQuery

I've used a ticketing system called Lighthouse App for a while now, and one of the features I really like about it is its ability to tag content with keywords in a very easy and obvious fashion.

If you have ever wanted to tag an article or some content with a list of Keywords then this blog article is for you.

[ More ]

17
J
U
N
2011

JQuery Sortable Drag and Drop lists and a server side AJAX save

I was recently asked this question about creating and using elements with the JQuery drag and drop functions:

view plain print about
1Shaun, I'd like to be able to drag items (let's say grocery items) onto a list (let's say a grocery list) using JQuery and PHP to process and save the list. I found you drag and drop tutorial but I want the droppable to be in a list form. Is this easy?

This article explains how you can use a few JQuery interactions to create a sortable drag and drop list and save its state to a server side processing template.

[ More ]

19
M
A
Y
2011

JQuery datatable with added FancyBox and auto refresh

Recently I've had a few questions about how to use the datatables plugin to display data, and also integrate a pop up or lightbox function. The pop up would have an edit form in it, and when the user completes the edit the light box goes away and the datatable refreshes.

This is relatively straightforward to do, but there are several key concepts to getting everything working correctly, so I've broken it down into a few chunks.

[ More ]