I've developed a web hosted questionnaire that uses extensive Javascript to
move the focus based on the answers to the questions (e.g. they're Yes/No
radio buttons; Q1 goes to Q1a on Yes, or to Q2 on No). In my local
development environment and in other browsers, the focus moves when the radio
button is clicked (the onChange= event). In IE7, however, the focus only
changes when the radio button is clicked AND then the Tab key is pressed.
Due to the complex nature of the questionnaire (it's a government form, if
you get my drift), this causes considerable frustration to the users. Is
there anything that can be done in IE7 to make the proper behavior occur? We
have hundreds of customers nationwide, and we can't expect all of them to
switch to a different browser for just this application. I've queried
numerous w3c & javascript forums, but the only answer I get is that it's
something in IE7.
--
Rob Taylor

Resouces include:

IE Developer Center
http://msdn.microsoft.com/en-us/ie/default.aspx

MSDN IE Development Forums
http://social.msdn.microsoft.com/for...iedevelopment/

Learn IE8
http://msdn.microsoft.com/en-us/ie/aa740473.aspx

HTML and DHTML Overviews and Tutorials
http://msdn.microsoft.com/en-us/library/ms537623.aspx

Cascading Style Sheets (CSS)
http://msdn2.microsoft.com/en-us/ie/aa740476.aspx

Expression Web SuperPreview for Internet Explorer (free, stand-alone visual
debugging tool for IE6, IE7, and IE8)
http://www.microsoft.com/downloads/d...b-dccff3fae677

Expression Web SuperPreview Release Notes
http://www.microsoft.com/expression/...easeNotes.aspx

Validators:
http://validator.w3.org/
http://jigsaw.w3.org/css-validator/
--
~Robear Dyer (PA Bear)
MS MVP-IE, Mail, Security, Windows Client - since 2002
www.banthecheck.com


Rob T wrote:
> I've developed a web hosted questionnaire that uses extensive Javascript
> to
> move the focus based on the answers to the questions (e.g. they're Yes/No
> radio buttons; Q1 goes to Q1a on Yes, or to Q2 on No). In my local
> development environment and in other browsers, the focus moves when the
> radio button is clicked (the onChange= event). In IE7, however, the focus
> only changes when the radio button is clicked AND then the Tab key is
> pressed. Due to the complex nature of the questionnaire (it's a government
> form, if you get my drift), this causes considerable frustration to the
> users. Is there anything that can be done in IE7 to make the proper
> behavior occur? We have hundreds of customers nationwide, and we can't
> expect all of them to switch to a different browser for just this
> application. I've queried numerous w3c & javascript forums, but the only
> answer I get is that it's something in IE7.

Hi Rob,

Without looking at your code (don't post it if it is too complex), we can
only guess.

Start by looking in your scripts for any browser sniffing code or in your
markup for any specific IE7 conditional comments.

other than that

Tab + mouse click is not a tab shortcut (just the tab key is)... ensure that
all of your <input> tags have a tabIndex attribute. You should control the
process flow by enabling/disabling input tags, allowing the built in
tabIndexing to automatically move focus to the next enabled <input> tag.

Regards.

"Rob T" <RobT@discussions.microsoft.com> wrote in message
news:702DE196-E20E-436A-8B44-B240C1B66039@microsoft.com...
> I've developed a web hosted questionnaire that uses extensive Javascript
> to
> move the focus based on the answers to the questions (e.g. they're Yes/No
> radio buttons; Q1 goes to Q1a on Yes, or to Q2 on No). In my local
> development environment and in other browsers, the focus moves when the
> radio
> button is clicked (the onChange= event). In IE7, however, the focus only
> changes when the radio button is clicked AND then the Tab key is pressed.
> Due to the complex nature of the questionnaire (it's a government form, if
> you get my drift), this causes considerable frustration to the users. Is
> there anything that can be done in IE7 to make the proper behavior occur?
> We
> have hundreds of customers nationwide, and we can't expect all of them to
> switch to a different browser for just this application. I've queried
> numerous w3c & javascript forums, but the only answer I get is that it's
> something in IE7.
> --
> Rob Taylor
>

"Rob T" <RobT@discussions.microsoft.com> wrote in message news:702DE196-E20E-436A-8B44-B240C1B66039@microsoft.com...
> I've developed a web hosted questionnaire that uses extensive Javascript to
> move the focus based on the answers to the questions (e.g. they're Yes/No
> radio buttons; Q1 goes to Q1a on Yes, or to Q2 on No). In my local
> development environment and in other browsers, the focus moves when the radio
> button is clicked (the onChange= event).

> In IE7, however, the focus only changes when the radio button is clicked AND then the Tab key is pressed.


Looks like Active scripting is disabled?


> Due to the complex nature of the questionnaire (it's a government form, if
> you get my drift), this causes considerable frustration to the users. Is
> there anything that can be done in IE7 to make the proper behavior occur?


If Active scripting is disabled that is the user's choice.
One possible workaround would be to suggest that they use
the Trusted zone for your page instead of the Internet zone.
Then they can leave scripting disabled for most cases.

In IE8 another workaround would be to use the Developer Tools,
as it makes Disable, Scripting and easy toggle--easier than
doubleclick Internet zone icon, Custom Level... Scripting,
Active Scripting, Enable.


> We
> have hundreds of customers nationwide, and we can't expect all of them to
> switch to a different browser for just this application. I've queried
> numerous w3c & javascript forums, but the only answer I get is that it's
> something in IE7.


BTW what happens with your focus if Active Scripting is set to Prompt? <eg>


HTH

Robert Aldwinckle
---

Actually the code is pretty simple. Each radio button has a tabIndex, and
an onChange="javascript()". For simplicity (for now) each radio button calls
a separate javascript function; a sample is:

function setFocus_n1()
{
clearFocusBorder();
alert(document.getElementById("RadioGroup1_2").val ue
document.getElementById("RadioGroup2_0").focus()
document.getElementById("RadioGroup2_0").style.bor derStyle="solid";
document.getElementById("RadioGroup2_0").style.bor derWidth="2px";
document.getElementById("RadioGroup2_0").style.bor derColor="darkred";
}
The above is thescript for the first radio button's No answer; the first
line (clearFocusBorder())is calling a small script that clears the
highlighted borders before seting focus etc. on the next button.

Now what happens is that, clicking a radio button THEN pressing Tab clears
the borders, moves to the next stated question and highlights it. The
problem is in REQUIRING the tab key to make it work. In Firefox, Dreamweaver
Live View etc. simply clicking on the desired answer causes the script to do
its thing; no Tab press required. Isn't there some way to make IE do this
also?
--
Rob Taylor


"rob^_^" wrote:

> Hi Rob,
>
> Without looking at your code (don't post it if it is too complex), we can
> only guess.
>
> Start by looking in your scripts for any browser sniffing code or in your
> markup for any specific IE7 conditional comments.
>
> other than that
>
> Tab + mouse click is not a tab shortcut (just the tab key is)... ensure that
> all of your <input> tags have a tabIndex attribute. You should control the
> process flow by enabling/disabling input tags, allowing the built in
> tabIndexing to automatically move focus to the next enabled <input> tag.
>
> Regards.
>
> "Rob T" <RobT@discussions.microsoft.com> wrote in message
> news:702DE196-E20E-436A-8B44-B240C1B66039@microsoft.com...
> > I've developed a web hosted questionnaire that uses extensive Javascript
> > to
> > move the focus based on the answers to the questions (e.g. they're Yes/No
> > radio buttons; Q1 goes to Q1a on Yes, or to Q2 on No). In my local
> > development environment and in other browsers, the focus moves when the
> > radio
> > button is clicked (the onChange= event). In IE7, however, the focus only
> > changes when the radio button is clicked AND then the Tab key is pressed.
> > Due to the complex nature of the questionnaire (it's a government form, if
> > you get my drift), this causes considerable frustration to the users. Is
> > there anything that can be done in IE7 to make the proper behavior occur?
> > We
> > have hundreds of customers nationwide, and we can't expect all of them to
> > switch to a different browser for just this application. I've queried
> > numerous w3c & javascript forums, but the only answer I get is that it's
> > something in IE7.
> > --
> > Rob Taylor
> >

Thanks for the links; gonna check them out.
--
Rob Taylor


"PA Bear [MS MVP]" wrote:

> Resouces include:
>
> IE Developer Center
> http://msdn.microsoft.com/en-us/ie/default.aspx
>
> MSDN IE Development Forums
> http://social.msdn.microsoft.com/for...iedevelopment/
>
> Learn IE8
> http://msdn.microsoft.com/en-us/ie/aa740473.aspx
>
> HTML and DHTML Overviews and Tutorials
> http://msdn.microsoft.com/en-us/library/ms537623.aspx
>
> Cascading Style Sheets (CSS)
> http://msdn2.microsoft.com/en-us/ie/aa740476.aspx
>
> Expression Web SuperPreview for Internet Explorer (free, stand-alone visual
> debugging tool for IE6, IE7, and IE8)
> http://www.microsoft.com/downloads/d...b-dccff3fae677
>
> Expression Web SuperPreview Release Notes
> http://www.microsoft.com/expression/...easeNotes.aspx
>
> Validators:
> http://validator.w3.org/
> http://jigsaw.w3.org/css-validator/
> --
> ~Robear Dyer (PA Bear)
> MS MVP-IE, Mail, Security, Windows Client - since 2002
> www.banthecheck.com
>
>
> Rob T wrote:
> > I've developed a web hosted questionnaire that uses extensive Javascript
> > to
> > move the focus based on the answers to the questions (e.g. they're Yes/No
> > radio buttons; Q1 goes to Q1a on Yes, or to Q2 on No). In my local
> > development environment and in other browsers, the focus moves when the
> > radio button is clicked (the onChange= event). In IE7, however, the focus
> > only changes when the radio button is clicked AND then the Tab key is
> > pressed. Due to the complex nature of the questionnaire (it's a government
> > form, if you get my drift), this causes considerable frustration to the
> > users. Is there anything that can be done in IE7 to make the proper
> > behavior occur? We have hundreds of customers nationwide, and we can't
> > expect all of them to switch to a different browser for just this
> > application. I've queried numerous w3c & javascript forums, but the only
> > answer I get is that it's something in IE7.
>
>