SRJM.co.uk » Javascript

Added sIFR to the Site

Simon — Sat, 19 Sep 2009 14:50:06 +0000

Tired with the poor antialiasing observed in big header fonts, I decided to introduce sIFR to the site. Here’s a preview shot allowing me to use High Tower Text as my page heading:

Adding Multibox

Simon — Sun, 24 Aug 2008 15:48:22 +0000

Because I didn’t like the way a large comment form appears at the bottom of every post and page on my site, but I still wanted to keep the comment functionality available, I started looking into ways AJAX (and preferably something that uses the mootools library which I added to my site a long while back) could be used to make a form that is hidden until needed, for example in an expanding div like my Flash header.

While using Drupal during my work placement I had seen the likes of forms inside a lightbox style script called Thickbox, so I began searching for a Mootools compatible lightbox that can contain any HTML I want, such as the commenting form, knowing it was possible to find. In the end I came across Phatfusion Multibox, a great variation on Lightbox that allows a number of different things be displayed inside a lightbox.

It was easy enough to implement as well, adding my comment form to a HTML link, however I needed to make a slight change to get it to work in IE7 (and one would guess 6 as well). Basically there is a bug that specifically applies to displaying a HTML element in IE7 and is explained and fixed in http://forum.phatfusion.net/viewtopic.php?f=6&t=149

FRED website

Simon — Fri, 04 Jan 2008 11:21:14 +0000

An opportunity to work on a flash based website came up shortly before christmas where the company previously named ‘Uncle Fred’ had rebranded themselves to simply FRED and wanted their site updated to reflect these changes. Their website can be found at http://www.fredstalent.com.

The updated version is currently being tested at http://www.srjm.co.uk/FRED/

Update: No longer being developed in the test location (Link redirects to this post).

Flash and Javascript

Simon — Wed, 31 Oct 2007 08:32:24 +0000

The next plan was to enable the flash in my new design’s header to change the dimensions of the div it was sat in so that for most the time it takes up less room, but when it needs it the space expands to allow for larger content there. I had already anticipated doing something like this so had included the mootools JS library at the very start of building my new design.

http://www.broken-links.com/2007/05/01/a-mootools-quickstart-guide/