radio boxes and select boxes woes

paul · #1 (**permalink**) 19-02-2007, 02:43 PM

I know this is the way the functionality is supposed to be, but my client doesn't like it.

Code:

<fieldset>
<legend>Type of radiation:</legend>
<div><label for="radio1"><input type="radio" name="rad"
  value="1" id="radio1">alpha</label></div>
<div><label for="radio2"><input type="radio" name="rad"
  value="2" id="radio2" >beta</label></div>
<div><label for="radio3"><input type="radio" name="rad"
  value="3" id="radio3">gamma</label></div>
</fieldset>

I have the problem with the following code that say I select alpha, and if I press the scroll button on my mouse or I use the arrow keys to scroll on the screen, that alpha is no longer selected.

Does anyone have an idea if it is possible to stop this effect (maybe via javascript). As in the box has to be onFocus to change or onClick to change.

I also have the same problem, that I would like to irradicate on my select boxes too.

louie · #2 (**permalink**) 19-02-2007, 04:27 PM

That will be normal as you scroll through the buttons.
Best put them in line, and have the buttons somewhere at the top of the page or from so there will be no need to scroll down.

paul · #3 (**permalink**) 20-02-2007, 02:56 PM

I've done the more in line approach and told the customer that it is difficult to change the functionality of what is in the standard.

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

radio boxes and select boxes woes

radio boxes and select boxes woes

Sponsored links