July 13, 2004
‘Mr. Morse Challenges…’ Javascript Quiz
As much as I dislike the use of Javascript on the web in areas where it is completely unneccessary, I have nevertheless created a little quiz powered by the language - partly to see whether I could adapt Rob Manuel’s Javascript Female or Shemale quiz, and partly because my brother and a chap named David Guy have produced the N3ta Gamers Quiz (ooooh! sibling rivalry?!?!)
PLEASE NOTE: there’s a lot of what some people may call ’sexually offensive’ stuff on those two B3ta links, so be aware if you decide to visit
My quick little Mr. Morse Challenge quiz has been created to illustrate that a reasonably pleasant-looking, valid XHTML and CSS site CAN be created with only a little effort (and if you’ve seen some of the superb creations at Zen Garden, you’ll realise just how little effort I put in!!). Of course, the fact that the quiz is entirely Javascript-driven, ensures that it instantly fails any accessibilty tests to which it’s put - this is why server-side options should ALWAYS be used in ‘applications’ of this nature (and I use the term ‘application’ extremely loosely in this case). Still, if you don’t have access to Perl/PHP/ASP/etc. where your site is hosted you don’t really have a lot of choice other than to use Javascript, do you…
So there you go. Try and overcome Mr. Morse’s Challenge, and prepare yourself for his no-nonsense opinion on your final score! More importantly, however, if you wish to grab anything and maybe improve the Javascript code (and there’s every chance that you might feel the need to do so) then please feel free, but there are a couple of things that you’ll need to remember first:
- The Javascript file has been obfuscated using Dean Edwards‘ marvellous online Javascript compressor/obfuscator in order to prevent cheating!! ;) You’ll need to grab the original Javascript file here (don’t forget that if you want the whole thing, grab the 2 CSS files
stylesheet.cssandie_stylesheet.cssas well!) - Testing: I’ve tested it in Internet Explorer 6 and Firefox 0.9.2 and it works fine. I’ve got a screengrab from Dan Vine’s iCapture telling me that the site looks OK on Safari 1.2 - but I don’t know about the functionality. There is one browser on which I know it fails: Opera v7.52. Unfortunately, there’s nothing I can do about it, as the quiz has to jump to anchor points within the
#contentcontainer, and Opera seems to have a bug with this specific issue. If you’re an Opera user, you can still play the quiz if you disable stylesheets (View > Style > User mode). Hopefully, the folks at Opera will get this sorted out soon!