2008 September | ElanMan

Random Header Image With Javascript

Sep 132008

To add a bit of variety to your website, you might want the header background image (or any image for that matter) to change everytime the page is loaded.

The following script is a simple way to do this using javascript
Continue reading »

Hidden ‘Skip Navigation’ Link

CSS 2 Responses »

Sep 092008

It is common practice for websites to have a ‘skip navigation’ link at the top of each page. This can be a huge benefit for people using your site with text browsers/screen readers or visitors with poor motor skills.

However, you might not want to display this link for other users. The easiest way to get round this and still keep the link accessible is to hide it off screen using CSS and make it visible when it is brought into focus with the keyboard. By using this method, everybody who needs to can still access the ‘skip navigation’ link.
Continue reading »

Disable Form Submit Until Required

Javascript 1 Response »

Sep 042008

Sometimes you might want the submit button on a form disabled until the user has filled in mandatory checkboxes. A good example of this would be if you had terms and conditions that needed to be read/agreed to before commencing with the form submission. This would need to be checked server-side as well of course to be absolutely certain. Continue reading »

Centre A Div Horizontally And Vertically Regardless Of Window

CSS No Responses »

Sep 032008

We’ve already covered how to centre a web page horizontally regardless of screen resolution. Sometimes though, you may want to centre a div horizontally and vertically.