style.display & visibility on checkbox/radio in Mac IE

[bitsyboffin]

Hi all,
does anybody know of a bug in MacIE which prevents style.display =
'none' and style.visibility = 'hidden' from "sticking" in MacIE?

I'm making some graphical checkboxes & radios (I know, bad idea, don't
tell me, I just implement what I'm told), seeking to do it in a
backwards compatable mode by using javascript to hide the real
checkboxes and radios and link dynamically inserted images to them
instead. But in Mac IE I have a few problems (works everywhere else),
I tried display = 'none' that didn't work, so I tried visibility =
'hidden' which works until the I do checked = true, at which point they
become visible again, I can make them hidden again after that
(providing i make them visible, set checked, and make them invisible
afterwards) but it seems to leave artifacts on the window until you
force it to redraw (by scrolling for example).

Anybody got any ideas, or know of any documented bugs in this area? I
can't find anything that sounds right in google searches, which is
strange, because it seems like it's a big that somebody else must have
come across before.

---
James Sleeman

[Philip Ronan]

"bi*********@gmail.com" wrote:

Hi all,
does anybody know of a bug in MacIE which prevents style.display =
'none' and style.visibility = 'hidden' from "sticking" in MacIE?

Is it possible for Javascript to change these input elements from
type="checkbox" to type="hidden"? That would probably be the neatest
solution.

Alternatively, try positioning these elements off-screen somewhere (e.g.,
"position:absolute; left:-100px; top:-100px").

--
phil [dot] ronan @ virgin [dot] net
http://vzone.virgin.net/phil.ronan/

[Jedi Fans]

Philip Ronan wrote:

"bi*********@gmail.com" wrote:

Hi all,
does anybody know of a bug in MacIE which prevents style.display =
'none' and style.visibility = 'hidden' from "sticking" in MacIE?

Is it possible for Javascript to change these input elements from
type="checkbox" to type="hidden"? That would probably be the neatest
solution.

Alternatively, try positioning these elements off-screen somewhere (e.g.,
"position:absolute; left:-100px; top:-100px").

document.FORMNAME.ELEMENTNAME.setAttribute('type', 'hidden');

[bitsyboffin]

>Is it possible for Javascript to change these input elements

Not that I'm aware of, I know at least in IE windows that the type of a
field is write once, once written you can only read from it.

In any case, problem is that a hidden field will always send a value
(even if empty), while a checkbox will only return a value when
checked, I could fart about and remove the unused hiddens on.

I think I'll probably try positioning them offscreen or something like
that. IE mac sucks so I don't want to put too much effort into it ;-)