SearchSearch   

IE radiobutton blankout problem

 
   Webmaster Forums (Home) -> HTML RSS
Next:  CSS border length and spacing  
Author Message
Andriy

External


Since: Aug 06, 2007
Posts: 5



(Msg. 1) Posted: Mon Aug 06, 2007 2:00 pm
Post subject: IE radiobutton blankout problem
Archived from groups: comp>infosystems>www>authoring>html (more info?)

Hello everybody

I'm having a nasty problem with Internet Explorer. I have a page with
a form that has some radiobuttons. Some of those radiobuttons are
checked (with 'checked="checked"' attribute) on a server side. When
page loads radiobuttons look OK i.e. some of them have a bullet
inside. But if i hide them (with "display: hidden") and then show them
up again all those radiobuttons lose their bullets. It's only visual
flaw as internally with javascript I can find out which one is
checked.

So the question is did someone dealt with such problem and are there
some [relatively] easy solutions to this?

I'm using jQuery that does some effects for me. Hiding part of a form
is one of such effects and it's required by the customer so I can't
give it up. I don't think the problem is related to jQuery and it only
shows in Internet Explorer (6 and 7 for sure) and not in Firefox or
Opera.

Many thanks in advance.
Andriy
Back to top
Andriy

External


Since: Aug 06, 2007
Posts: 5



(Msg. 2) Posted: Fri Aug 10, 2007 12:00 pm
Post subject: Re: IE radiobutton blankout problem
Archived from groups: per prev. post (more info?)

I've uploaded an example to

http://www.rootshell.be/~zzandy/radiocheck.php

to see the problem just click "Switch to advanced filter"
Back to top
Jonathan N. Little

External


Since: Feb 02, 2005
Posts: 2526



(Msg. 3) Posted: Fri Aug 10, 2007 12:00 pm
Post subject: Re: IE radiobutton blankout problem
Archived from groups: per prev. post (more info?)

Andriy wrote:
> I've uploaded an example to
>
> http://www.rootshell.be/~zzandy/radiocheck.php
>
> to see the problem just click "Switch to advanced filter"
>
Error 404

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com
Back to top
Andriy

External


Since: Aug 06, 2007
Posts: 5



(Msg. 4) Posted: Mon Aug 13, 2007 11:31 am
Post subject: Re: IE radiobutton blankout problem
Archived from groups: per prev. post (more info?)

> >http://www.rootshell.be/~zzandy/radiocheck.php
>
> > to see the problem just click "Switch to advanced filter"
>
> Error 404
>

Sorry, it's http://www.rootshell.be/~zzandy/radiocheck.html
Back to top
Jonathan N. Little

External


Since: Feb 02, 2005
Posts: 2526



(Msg. 5) Posted: Mon Aug 13, 2007 11:31 am
Post subject: Re: IE radiobutton blankout problem
Archived from groups: per prev. post (more info?)

Andriy wrote:
>>> http://www.rootshell.be/~zzandy/radiocheck.php
>>> to see the problem just click "Switch to advanced filter"
>> Error 404
>>
>
> Sorry, it's http://www.rootshell.be/~zzandy/radiocheck.html
>

First of all use strict not transitional doctype if you want to have any
hope of constancy of display. Throwing IE in quirks mode and all bets
are off.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

Next this is *XHTML* syntax not *HTML*

<input type="hidden" value="1" name="page"/>
^
Lose the '/' that you have on all your single tag elements. Even for
XHTML documents IE's poor handling of XHTML will bork if you do not have
a space before the slash.

Next JavaScript seem a bit overly complicated. You may find to hide and
reveal fields that is it better to not toggle their display property but
move them on and off the view port by toggling their margin and
position from absolute to relative...less likely for IE to "reset" the
values.



--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com
Back to top
rf

External


Since: Jul 24, 2006
Posts: 224



(Msg. 6) Posted: Mon Aug 13, 2007 1:16 pm
Post subject: Re: IE radiobutton blankout problem
Archived from groups: per prev. post (more info?)

"Andriy" <vynogradov DeleteThis @gmail.com> wrote in message
news:1187004710.398014.169540@57g2000hsv.googlegroups.com...
>
>> >http://www.rootshell.be/~zzandy/radiocheck.php
>>
>> > to see the problem just click "Switch to advanced filter"
>>
>> Error 404
>>
>
> Sorry, it's http://www.rootshell.be/~zzandy/radiocheck.html
>

Why all the skulduggery?

Why not just a simple form? I don't need a heading to show that I have
chosen one of the radio buttons.

As for the "switch to..." stuff. Why? What does this do for your user.

Over complicated javascript which will not work for 10% of your viewers.

--
Richard.
Back to top
Andriy

External


Since: Aug 06, 2007
Posts: 5



(Msg. 7) Posted: Fri Aug 17, 2007 5:11 am
Post subject: Re: IE radiobutton blankout problem
Archived from groups: per prev. post (more info?)

Thank you, Jonathan,

moving out field instead of hiding them is an interesting idea. Also I
don't think it can be nicely animated as current solution.

A word about "over complicated javascript" (moslty an aswer to rf).
First of all I know something apout JavaScript to not be afraid of
writing complicated stuff and also I do testing under targeted
browsers. So far this radiobutton bug is the only one. The page shown
by link is not the actual page on the project I'm working on. First of
all client wants two modes - basic and advanced. Secondly wistles such
as animated collapses make customers leave their money easier. And
thirdly the whole form is autogenerated, I just specify which blocks I
want, with what properties and boom - the form is ready. Form that
I'm referring to as en example is just a static snapshot of what we
have in real project.

On 13 , 16:25, "Jonathan N. Little" <lws4... DeleteThis @centralva.net> wrote:
> Andriy wrote:
> >>>http://www.rootshell.be/~zzandy/radiocheck.php
> >>> to see the problem just click "Switch to advanced filter"
> >> Error 404
>
> > Sorry, it'shttp://www.rootshell.be/~zzandy/radiocheck.html
>
> First of all use strict not transitional doctype if you want to have any
> hope of constancy of display. Throwing IE in quirks mode and all bets
> are off.
>
> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
> "http://www.w3.org/TR/html4/strict.dtd">
>
> Next this is *XHTML* syntax not *HTML*
>
> <input type="hidden" value="1" name="page"/>
> ^
> Lose the '/' that you have on all your single tag elements. Even for
> XHTML documents IE's poor handling of XHTML will bork if you do not have
> a space before the slash.
>
> Next JavaScript seem a bit overly complicated. You may find to hide and
> reveal fields that is it better to not toggle their display property but
> move them on and off the view port by toggling their margin and
> position from absolute to relative...less likely for IE to "reset" the
> values.
>
> --
> Take care,
>
> Jonathan
> -------------------
> LITTLE WORKS STUDIOhttp://www.LittleWorksStudio.com
Back to top
Display posts from previous:   
       Webmaster Forums (Home) -> HTML
Page 1 of 1

 
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum