Answer on the questions....

Post #83,909

2/24/03 10:35:38 PM

2/24/03 10:40:03 PM

Why not use:

<form> Which test to run?<p>\n     <input type=radio name=Test value=1 />Test #1<br />\n     <input type=radio name=Test value=2 />Test #2<br />\n     <input type=radio name=Test value=3 />Test #3<br /></p>\n</form>

Then you can show the WHOLE thing. Only one can be selected.

id defines a reference name for the tag that is unique in the document.

name Specifies the name of a fragment identifier.

edit: GAH! got carried away renumbering! and frigging radion button not checkbox... DOH!

b4k4^2

[link|mailto:curley95@attbi.com|greg] - Grand-Master Artist in IT

[link|http://www.iwethey.org/ed_curry/|REMEMBER ED CURRY!] [link|http://pascal.rockford.com:8888/SSK@kQMsmc74S0Tw3KHQiRQmDem0gAIPAgM/edcurry/1//|ED'S GHOST SPEAKS!]

[link|http://www.eweek.com/article2/0,3959,857673,00.asp|Writing on wall, Microsoft to develop apps for Linux by 2004]

Heimatland Geheime Staatspolizei reminds:
These [link|http://www.whitehouse.gov/pcipb/cyberspace_strategy.pdf|Civilian General Orders], please memorize them.
"Questions" will be asked at safety checkpoints.

Edited by gfolkertold Feb. 24, 2003, 10:38:13 PM EST

Answer on the questions....

Why not use:

<form> Which test to run?<p>
   <input type=checkbox name=Test1 value=1 />Test #1<br />
   <input type=checkbox name=Test2 value=2 />Test #2<br />
   <input type=checkbox name=Test3 value=3 />Test #3<br /></p>
</form>

Then you can show the WHOLE thing. Only one can be selected.

id defines a reference name for the tag that is unique in the document.

name Specifies the name of a fragment identifier.

b4k4^2

[link|mailto:curley95@attbi.com|greg] - Grand-Master Artist in IT

[link|http://www.iwethey.org/ed_curry/|REMEMBER ED CURRY!] [link|http://pascal.rockford.com:8888/SSK@kQMsmc74S0Tw3KHQiRQmDem0gAIPAgM/edcurry/1//|ED'S GHOST SPEAKS!]

[link|http://www.eweek.com/article2/0,3959,857673,00.asp|Writing on wall, Microsoft to develop apps for Linux by 2004]

Edited by gfolkertold Feb. 24, 2003, 10:40:03 PM EST

Expand All History | Collapse All History

Post #83,934

by ChrisR

2/24/03 11:54:28 PM

A little background

I'm working on some forms related to compliance with the Sarbanes-Oxley act. The HTML actually has two side-by-side select boxes of the form:

<table>
<tr>
   <td>
      <select name='AvailableProcesses' size='5' size='8' style='width:340' multiple>
         <option value='300'>System automatically tracks inventory movement through the use of inventory type indicators.</option>
         <option value='627'>System automatically writes checks and/or electronic payments based on value of approved invoices.</option>
      </select>
   </td>
   <td>
      <select name='SelectedProcesses' size='5' size='8' style='width:340' multiple>
         <option value='300'>System is designed to automatically identify and post variances to the proper accounts.</option>
      </select>
   </td>
   </tr>
</table>

The number of options is initially in the hundreds and can be dynamically added to by the users. Lots of accompanying Javascript to allow the users to move options from the left side and to right side - and vice versa. And there are multiple side-by-side selection boxes. Sarbanes-Oxley is expressed in terms of Accounts, Assertions, Process, Issues, and Controls. And accountants & regulators like very wordy & legalistic terminology, which is never quite terse.

And they want it all to be in a fairly viewable space. :-)

I'll have to think about the id/name difference to let it sink in. For the most part, they are interchangeable as accessors in the JavaScript but there were some issues when accessing selection options via the name vs. id.

Post #83,946

by static

2/25/03 1:50:06 AM

2/25/03 1:50:54 AM

D'oh.

Should have read your post more carefully.

Making it a list box should give you horizontal scrollbars, though.

Wade.

Is it enough to love
Is it enough to breathe
Somebody rip my heart out
And leave me here to bleed

Is it enough to die
Somebody save my life
I'd rather be Anything but Ordinary
Please

-- "Anything but Ordinary" by Avril Lavigne.

Edited by static Feb. 25, 2003, 01:50:54 AM EST

Expand All History

Post #83,987

by tseliot

2/25/03 11:16:59 AM

Two options:

Either

1) Stop declaring the 'width' param, and let the boxes resize to fit their contents, or

2) Since you're already using Javascript, have another box whose contents reflect the value of a given option when mouseover'ed. You might consider the status bar? If you use layers, you could have a much shorter "value" for each option, which pops up a tooltip-like div with a longer explanation.

Many fears are born of stupidity and ignorance -
Which you should be feeding with rumour and generalisation.
BOfH, 2002 "Episode" 10

Post #83,996

by drewk

2/25/03 12:25:17 PM

Depending on the total number of items

The advantage of the list box is that you can define the length of the list and scroll down for the rest of a large number of options. But if width is more of a concern I'll agree with the idea of checkboxes next to a short summary, text or button, that cupports the "title" attribute. ie:
<input type="checkbox" name="item[]"> <a href="#" title="This is example 1">Ex1</a> <input type="checkbox" name="item[]"> <a href="#" title="This is example 2">Ex2</a> <input type="checkbox" name="item[]"> <a href="#" title="This is example 3">Ex3</a>

===

Implicitly condoning stupidity since 2001.

Post #83,999

by drewk

2/25/03 12:26:16 PM

"a" tags don't accept "title" attribute (new thread)

Created as new thread #83998 titled [link|/forums/render/content/show?contentid=83998|"a" tags don't accept "title" attribute]

===

Implicitly condoning stupidity since 2001.

Post #84,212

by ChrisR

2/25/03 11:55:00 PM

I'll run with the option of...

..displaying it on the status bar via the onchange event. As far as I can tell, the option tags don't support any sort of event handling (like onmouseover) and the event handling within the containing select tag doesn't provide a mechanism to register which option is being hovered over (short of having to do a bunch of finagling with line spacing and mapping the device coordinates...).

Allowing the width to slide is not really an option either since these strings can get excessively long and also the bounce when dynamically taking strings in and out is disconcerting. What I'd really like is to have a word wrap attribute on the option tag so that an option could be displayed over more than one line.

Did I mention that the option tag is basically brain dead? Even worse is the optgroup tag. So how do you allocate new optgroups on the fly? Or if you already have an optgroup, how does the javascript put an new option in the group if there are no current options within the group? The tag seems to have been thrown in and abandoned as far as support goes.

Welcome to IWETHEY!