focus()

how to change focus in FF

[humpg]

Hi all,

Scenario:

I am working on a web app that does math drills. At the beginning the user selects from a series of radio buttons the type of questions they want then hit's the 'next' button which hides the div with the drill setup options and displays a new div instructing the user to hit enter to begin the drill. When they hit enter that Div hides and then a new div becomes visible with the questions.

Here lies the problem, when the user hit's enter the button that they clicked on to get to this screen still has the focus so what happens is the questions appear, but also the 'Enter' screen re-appears because it's as if they clicked that button again.

What I am trying to do is remove the focus from that button:

<input type="image" src="../images/btn_next.jpg" name="noviceSubmit" onClick="drillSetup('frm_noviceDrill','rdoNovice_FirstNum','rdoNovice_SecondNum')">

I tried document.body.focus(); but it doesn't seem to work in FF, I also tried a few other things I seen on the internet but to now avail.

Can someone tell me how to set the focus for FF. All I need to do is set it to anything else as long as it removes the focus off of my button.

TIA

[Rambo Tribble]

Different versions of Firefox on various operating systems have exhibited flaws in implementing focus(). The mozilla.org bugzilla reports 200 open bug reports.

[visionmonster]

doesn't sound like you want that image to submit the form. the <input type="image" will act as <input type="submit"

try <a href="javascript:drillSetup('frm_noviceDrill','rdoNovice_FirstNum','rdoNovice_SecondNum')"><img src="../images/btn_next.jpg" /></a> if i understand the scenerio correctly