Shaun Mccran

My digital playground

10
M
A
Y
2010

Incredibly simple JQuery image change on mouse over effect

I was recently asked in conversation if it would be possible to have a list of items, and when a user mouse'd over the headers in the list, an image effect happened, IE a thumbnail image was displayed. I figured this would be an ideal use for JQuery, so this article is how to write an incredibly simple JQuery image change.

There is a full demo of this here: JQuery mouse over demo

[ More ]

07
M
A
Y
2010

ImageCFC losing file permissions on image manipulation

This article deals with a work around for a problem I had been experiencing with the imageCFC ( http://www.opensourcecf.com/imagecfc/ ) open source project. When resizing an image the file permissions were being lost on the edited file. This meant that the server operating system could not read or serve up the file to the browser.

I've been using imageCFC as I have a variety of coldfusion server versions (7 and 8), and I like the fact that in the resize method you can specify the maximum size for the width and height, and it will resize down to that size, and keep the aspect ratio of width-to-height.

[ More ]

04
M
A
Y
2010

JQuery multiple show and hide div’s based on click event

This article shows how to use JQuery to show and hide many div's at the same time, revealing the content that the user requests. It also degrades gracefully if you turn off Javascript.

Have you ever tried to display a Questions and Answers type page, where the Question is a clickable link that shows the corresponding Answer (FAQ's)? It is quite tricky to make this interesting, and Accessible to impaired users.

A full demo of multiple show and hide divs is here: link

[ More ]

04
M
A
Y
2010

How to stop FCK Editor wrapping your content with 'P' tags

Whilst testing a website for WCAG 2 Accessibility compliance I noticed that all my dynamic content from a database was wrapped in the HTML 'P' element.

The functionality that put the content into the database was a rich text area using the inbuilt FCK Editor. This article deals with how to stop FCK editor wrapping your content in undesirable tags.

[ More ]

_UNKNOWNTRANSLATION_ /