Home & blog  /  2010  /  Sep  /

Round-up: IE6 radio bug; updated Dropdown...

posted: 19 Sep '10 19:34 tags: drop-down, IE, IE6, radio, form, Javascript

First up, thanks to Gerard Okono, who brought to my attention a bug in IE 6 and 7 whereby radio buttons inserted after the DOM has loaded are apparently uncheckable.

Domscripter, my handy DOM-scripting time-saver, has therefore undergone a fudge to get round this problem, involving using a click event to force the clicked radio button to be checked, at the same time unchecking any previously-checked sibling of the same radio family. See the full fudge here.

Secondly, Dropdown has undergone a bit of a revamp. It now accepts more parameters and you have the option of breaking the links in the drop-down into columns - handy for drop-downs with lots of links. Head over here for full info.

Currently Dropdown is a navigation tool designed for aps, but I'm going to tweak it to be usable in forms, too. Stay posted...

post a comment

Talking to the zebra: new comments system

posted: 13 Sep '10 14:27 tags: comments, site

A mere 2 months after my site launched, I've just got round to building a comments system.

You can now post comments in response to my scripts and blog posts, be they praise, support questions, usage ideas or whatever.

And if you must use my site to sell viagra, can you at least keep the price low, please?

5 comments | post new

Blockster update: controlling it with navigation

posted: 11 Sep '10 18:27 tags: block, transition, effect, rotation, slideshow, Javascript, jQuery

Of all my scripts, Blockster has probably got the best response. I've had a lot of e-mails about that one, and one from Andreas Rasmussen recently asked if it could be controlled by navigation rather than just auto-rotate.

This is something I've been meaning to build into it for some time, and now I have. This has meant a slight change in how you call it into your page. The new syntax is:

1blocksterInstance = new Blockster({

2     holder: '#featureRotator_1',

3     rows: 4,

4     cols: 6,

5     random: true

6});

Then, to force it to go to a particular slide and interrupt the auto-rotate, you'd call:

1blocksterInstance.jump(0); //go to slide 1

2blocksterInstance.jump(3); //go to slide 4, etc

Head over here to download, get usage info or view a demo.

You might recognise from the above that Blockster has gone all trendy and become object-orientated, hence it's instantiated with new and assigned to a variable.

So it started life as a rotator, now it can be used as a carousel (though don't forget I just built a proper carousel!).

Enjoy.

11 comments | post new

My new carousel - now documented!

posted: 03 Sep '10 14:31 tags: carousel, slideshow, transition, jQuery, Javascript

Several days after posting my new carousel, I thought it was about time I documented it. I now have, with complete instructions and a demo.

Head over here to download, get usage info or view a demo.

This is the first carousel I've seen that genuinely wraps slides visually when they're bumped off the edges. That is, when a slide is bumped off one edge, it visually reappears at the opposite edge in equal measure, giving a wrapping effect (I guess there are other carousels that do this, but I've not seen any).

The 'on' slide is always centered, while the 'off' slides are narrower, semi-opaque and sit around the 'on' slide. See the demo.

Like most of my work, there are no HTML or CSS dependencies for using the carousel - everything is built (i.e. DOM-scripted) by and styled within the single JS file.

A separate config file stores all data relating to each sldie - the image to load, the caption headline and text, and the URL to go to when the slide is clicked.

Enjoy.

post a comment
older posts >