On Aug 4, 5:15 pm, PeteOlcott wrote:
On Aug 4, 10:55 am, Henry wrote:
<snip>
>... , but you might have to explain more before standing a
chance of getting any closer to that outcome.
The example that I provided shows (from the user's point
of view) CheckBoxes inside a ListBox.
If you say the word "ListBox" to a user you will very likely get a
blank look in response.
It may be the case that there is no such thing as
CheckBoxes inside of ListBoxes within HTML,
There is no such thing as a checkbox inside a SELECT element, and
SELECT elements are commonly vaguely labelled "ListBox" by HTML
authors who don't know the terminology of HTML.
JavaScript or any combination of these two. Some how some
way (at least from the user's point of view) CheckBoxes
were placed inside of a ListBox.
The checkboxes look like they are placed inside an element with
scrolling overflow (a sized element with CSS overflow:scroll' or
overflow:auto; (probably the latter)). They may have been placed
inside an element with hidden overflow and some fake scrollbars
provided to control the scrolling, or any of any number of similar
alternatives.
I want to understand
the details about how this was done.
I am guessing that this was done by taking a native HTML CheckBox,
and placing it inside a manually created ListBox.
Maybe if "manually created ListBox" had meaning.
I need to know whether or not this guess is correct, and the
other underlying details of the mechanisms involved.
Well there is way more mechanism involved in that example than has any
relevance to what you are talking about. At its simples what you are
describing is something like:-
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
</head>
<body>
<div style="overflow:auto;width:6em;height:10em;">
<table>
<tr><td>A:</td><td><input type="checkbox"></td></tr>
<tr><td>B:</td><td><input type="checkbox"></td></tr>
<tr><td>C:</td><td><input type="checkbox"></td></tr>
<tr><td>D:</td><td><input type="checkbox"></td></tr>
<tr><td>E:</td><td><input type="checkbox"></td></tr>
<tr><td>F:</td><td><input type="checkbox"></td></tr>
<tr><td>G:</td><td><input type="checkbox"></td></tr>
<tr><td>H:</td><td><input type="checkbox"></td></tr>
<tr><td>I:</td><td><input type="checkbox"></td></tr>
<tr><td>J:</td><td><input type="checkbox"></td></tr>
<tr><td>K:</td><td><input type="checkbox"></td></tr>
<tr><td>L:</td><td><input type="checkbox"></td></tr>
</table>
<div>
</body>
</html>
- which does not involve any scripting at all.