Re: Extended list in HTML

by "Octavian Rasnita" <orasnita(at)home.ro>

 Date:  Sun, 29 Jun 2003 22:55:07 +0300
 To:  "Donna Smillie" <dms(at)zetnet.co.uk>,
<hwg-techniques(at)mail.hwg.org>
 References:  microsoft 7MZCL0J
  todo: View Thread, Original
Oh thank you!
I knew about the "multiple" atribute, but I didn't know about Shift+F8. This
was the secret key.

Teddy,
Teddy's Center: http://teddy.fcc.ro/
Email: orasnita(at)home.ro

----- Original Message -----
From: "Donna Smillie" <dms(at)zetnet.co.uk>
To: <hwg-techniques(at)mail.hwg.org>
Cc: "Octavian Rasnita" <orasnita(at)home.ro>
Sent: Sunday, June 29, 2003 8:06 PM
Subject: Re: Extended list in HTML


Hi Teddy

There's an attribute you can add to the "SELECT" element which makes it
possible to select more than one option - in HTML 4 simply add "MULTIPLE",
or in XHTML, add MULTIPLE="MULTIPLE".

If the user is using a mouse and Windows, they can use SHIFT+Click or
CTRL+Click to select contiguous groups of options or multiple non-contiguous
options.

For keyboard Windows users (at least those using IE - haven't yet checked
this using NN or Opera), once they have moved the focus to the list box,
they should press SHIFT+F8 to go into multiple selection mode.  They can
then use the cursor keys to move up and down through the list of options.
When a particular option is highlighted, using the SPACE bar will either
select it if it isn't already selected, or deselect it if it is, without
affecting other selections already made.  When they are finished, they press
SHIFT+F8 again to exit from multiple selection mode.  I actually found this
in the Help files for JAWS for Windows recently, but checked it out using
IE6 without JAWS running, and it worked fine, so it appears to be a
straightforward IE or Windows keyboard function, not something that is
specific to JAWS.

Here's an example of a multiple selection list box:

<.form>
<.p>
<.select multiple="multiple" size="4" name="make-selection">
<.option value="item1">Item One</option>
<.option value="item2">Item Two</option>
<.option value="item3">Item Three</option>
<.option value="item4">Item Four</option>
<.option value="item5">Item Five</option>
<.option value="item6">Item Six</option>
<.option value="item7">Item Seven</option>
<.option value="item8">Item Eight</option>
</select>
</p>
</form>

HTH!

Regards,
Donna

----- Original Message -----
From: "Octavian Rasnita" <orasnita(at)home.ro>
To: <hwg-techniques(at)mail.hwg.org>
Sent: Sunday, June 29, 2003 12:46 PM
Subject: Extended list in HTML


> Hi all,
>
> I want to create a form field which is a list where I can choose more
items
> from the list and not only one.
> The problem is that I don't know if I can make a list where I can use the
> control + space key to choose more options but not contiguous.
> Is this possible, or the only solution is to use the shift key for
selecting
> more options contiguously?
>
> Thanks.
>
> Teddy,
> Teddy's Center: http://teddy.fcc.ro/
> Email: orasnita(at)home.ro

HWG hwg-techniques mailing list archives, maintained by Webmasters @ IWA