I have been working on the tactile and braille ordering page at GRS for the past few days (on and off at least, other ‘real’ work has interfered).
Today when I am finally getting around to fixing a few IE bugs (since I coded it for FireFox) I’m happy to say I’ve ironed most of them out. Except one, which has really started to bug me. Excuse the pun!
In a function (that works fine in FF) I check to see whether a checkbox is checked or not. At first I used this:
if (!braille.checked) {
Seems straightforward to me, but I knew that it is not strictly acceptable so I changed it to the more politically correct (which Microsoft also specifies on their CHECKED Attribute page):
if (braille.checked == false) {
When I click on the braille checkbox it alters the price, removes/adds the braille line and adds margin/padding to the elements above to center everything. Yeah, a bit of a perfectionist’s dream perhaps…
But IE, for some reason, just sits there doing nothing. When you click elsewhere on the page however, it does what it is supposed to do, removes/adds the braille etc., It was delayed and waiting for a mouse click! Why?
I even changed the code, wondering if it was IE specific (yes I know it’s overkill):
if (braille.getAttribute(‘checked’) == false || braille.checked == false) {
So here we are, all the major browsers like this ordering page, except IE. The code is solid, and it seems to work fine in IE -ONLY- when you click somewhere on the page afterwards. If anyone has come across something similar, I would appreciate any help with this. Thanks.
Leave a Reply