Shaun Mccran

My digital playground

24
M
A
R
2011

JQuery Drag and Drop to multiple div elements

My only previous experience with Drag and Drop web development was with Flex 2, which I have to say was a bit of a nightmare. There was an astronomical amount of setup to do in terms of event listeners and mouse watching services, so I was reluctant to get back into 'Drag and Drop' with any other technology.

This article explains how straight forward the JQuery Drag and Drop interfaces are to use, and how I constructed a Drag and Drop example using multiple divs.

There is an example of a JQuery Drag and Drop demo here. http://www.mccran.co.uk/examples/jquery-drag-drop

[ More ]

27
F
E
B
2011

Using the JQuery Tooltip plugin to enhance title attributes

The title tag attribute is a modern staple of any developers html code base. Most of us use them, more of us should use them more. I've learnt more recently that they have wider implications for Accessibility users, but I've also come to change my thinking of their use.

This article shows how you can use the JQuery tooltip plugin to enhance the title attribute, and how the title tag can be used to convey a more useful message to your browsers.

[ More ]

05
F
E
B
2011

JQuery scrolling within a Div

Ever wanted to have your page content scroll based on user interaction? In this article I'll show you how to create a simple JQuery scrollable area that will allow users to click on 'next' style links to view more information. I put this together as most of the JQuery scrolling articles out there deal with scrolling the entire page, but I just want to scroll inside a defined div element.

There is a demo of this here: JQuery scrolling within a Div

[ More ]

22
D
E
C
2010

Filtering a SELECT field using AJAX and JQuery

I've got a select form field, and I want it to change based on a search string that someone enters. Luckily for me the select field is dynamically driven from a database, so the most obvious way for me to do this is to make an AJAX post request using the string entered to amend the SQL query building the field.

This article shows you how to do this, there is a demo of the select field using AJAX here: http://www.mccran.co.uk/examples/jquery_textfilter_selectfield/

[ More ]

_UNKNOWNTRANSLATION_ /