473,411 Members | 2,068 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,411 software developers and data experts.

Select Lists -vs- Tables

Hi,

Sorry if this is one of those issues that people feel passionate about and I
assure you I'm not trolling but rather seeking guidance on which way to go
with the web browser presentation of tabular result sets.

I'm a newbie and don't know any better, but I immediately opted for Select
Lists 'cos A) someone showed me :-) and b) 'cos I didn't think you could
select from a Table without a Button-cell on each row (but a recent post of
Stephane's showed me this is not so)

These are some of the reasons I think I should now go to tables: -
1) I have columns and am sick of having to use a non-proportional font to
line up.
2) I have column headings and don't like having to fudge option[0] as a
header when thead and tfoot entries now look like they can be static outside
the scroll area (true?)
3) You can "select" table rows (true?)
4) Inserting and removing <tr>s is no harder than <optionsin a <select>
5) Have you seen what Microsoft has done with Tables lately? I don't know
how much is down to CSS or how much (<div TABNAM="name">) is IE specific but
it really looks good! Click down to expand tehh whole table or leave it how
it is and scroll through.

So any thoughts or advice on what direction drowsers are heading in with
regard to this issue?

Cheers Richard Maher
Mar 17 '07 #1
10 1687
"Richard Maher" <ma******@hotspamnotmail.comwrote in message
news:et**********@news-01.bur.connect.com.au...
Hi,

Sorry if this is one of those issues that people feel passionate about and
I
assure you I'm not trolling but rather seeking guidance on which way to go
with the web browser presentation of tabular result sets.

I'm a newbie and don't know any better, but I immediately opted for Select
Lists 'cos A) someone showed me :-) and b) 'cos I didn't think you could
select from a Table without a Button-cell on each row (but a recent post
of
Stephane's showed me this is not so)

These are some of the reasons I think I should now go to tables: -
1) I have columns and am sick of having to use a non-proportional font to
line up.
[anip]

Consider this:

<html>
<head>
<title>selectab.htm</title>
<script type="text/javascript">
var opts = "\n<option value='0'>Row 0^^^^^^^^^^Heading";
opts += "\n<option value='0'>----------------------";
for (var i=1; i<10; i++) {
opts += "\n<option value='" + i + "'>Row " + i + "^^^^^^^^^^Details";
}
opts = opts.replace(/\^/g," ");
function pick(that) {
var valu = that.options[that.selectedIndex].value;
if (valu 0) alert(valu);
}
</script>
</head>
<body>
<form>
<select size="11" onclick="pick(this)"
style="font-family:Courier New">
<script type="text/javascript">
document.write(opts);
</script>
</select>
</form>
</body>
</html>
Mar 17 '07 #2
Hi,

"McKirahan" <Ne**@McKirahan.comwrote in message
news:Vt******************************@comcast.com. ..
Consider this:
OK, I've considered it. Is there something in there I'm meant to see apart
from you "having to use a non-proportional font to line up."?

Regards Richard Maher
"Richard Maher" <ma******@hotspamnotmail.comwrote in message
news:et**********@news-01.bur.connect.com.au...
Hi,

Sorry if this is one of those issues that people feel passionate about
and
I
assure you I'm not trolling but rather seeking guidance on which way to
go
with the web browser presentation of tabular result sets.

I'm a newbie and don't know any better, but I immediately opted for
Select
Lists 'cos A) someone showed me :-) and b) 'cos I didn't think you could
select from a Table without a Button-cell on each row (but a recent post
of
Stephane's showed me this is not so)

These are some of the reasons I think I should now go to tables: -
1) I have columns and am sick of having to use a non-proportional font
to
line up.

[anip]

Consider this:

<html>
<head>
<title>selectab.htm</title>
<script type="text/javascript">
var opts = "\n<option value='0'>Row 0^^^^^^^^^^Heading";
opts += "\n<option value='0'>----------------------";
for (var i=1; i<10; i++) {
opts += "\n<option value='" + i + "'>Row " + i + "^^^^^^^^^^Details";
}
opts = opts.replace(/\^/g," ");
function pick(that) {
var valu = that.options[that.selectedIndex].value;
if (valu 0) alert(valu);
}
</script>
</head>
<body>
<form>
<select size="11" onclick="pick(this)"
style="font-family:Courier New">
<script type="text/javascript">
document.write(opts);
</script>
</select>
</form>
</body>
</html>


Mar 17 '07 #3
Richard Maher wrote:
Hi,

Sorry if this is one of those issues that people feel passionate about and I
assure you I'm not trolling but rather seeking guidance on which way to go
with the web browser presentation of tabular result sets.

I'm a newbie and don't know any better, but I immediately opted for Select
Lists 'cos A) someone showed me :-) and b) 'cos I didn't think you could
select from a Table without a Button-cell on each row (but a recent post of
Stephane's showed me this is not so)

These are some of the reasons I think I should now go to tables: -
1) I have columns and am sick of having to use a non-proportional font to
line up.
2) I have column headings and don't like having to fudge option[0] as a
header when thead and tfoot entries now look like they can be static outside
the scroll area (true?)
3) You can "select" table rows (true?)
4) Inserting and removing <tr>s is no harder than <optionsin a <select>
5) Have you seen what Microsoft has done with Tables lately? I don't know
how much is down to CSS or how much (<div TABNAM="name">) is IE specific but
it really looks good! Click down to expand tehh whole table or leave it how
it is and scroll through.

So any thoughts or advice on what direction drowsers are heading in with
regard to this issue?
You might want to consider the full-on AJAX/RIA option like:

http://www.yui-ext.com/deploy/ext-1....um-search.html

The drop down which appears when you type (try entering "grid") is a fully configurable Grid with moveable, resizable columns. Lots of other example under the /examples directory there...

Download the library at http://www.yui-ext.com/deploy/ext-1.0-alpha3.zip

Help forum at http://www.yui-ext.com/forum/index.php

Have fun,

Animal
Mar 17 '07 #4
ASM
McKirahan a écrit :
>
Consider this:
or this :

<html>
<script type="text/javascript">
function myOptions() {
var S = document.forms[0][0], opts;
for(var i=1; i<10; i++) {
opts = new Option('Row '+i+' -----Details',i);
S.options[S.length] = opts;
}
}
function pick(that) {
var k = that.selectedIndex;
if (k 0)
alert(that.options[k].text +
' value = ' + that.options[k].value);
}
</script>
<form>
<select size="11" onclick="pick(this)"
style="font-family:Courier New">
<option>Row 0 --------Heading</option>
</select>
</form>
<script type="text/javascript">
myOptions();
</script>
</html>
--
Stephane Moriaux et son (moins) vieux Mac déjà dépassé
Stephane Moriaux and his (less) old Mac already out of date
Mar 17 '07 #5
Hi Stephane,

I'm not sure what you and Macca have given me apart from two very good
examples of one of the things I find undesirable in a select list. I must be
missing something but I just don't know what it is. "Without table columns
we need to use a non-proportional font in our select lists to get things to
line up correctly" Is that what you were showing me? The reverse? Something
new?

Regards Richard Maher

"ASM" <st*********************@wanadoo.fr.invalidwrote in message
news:45***********************@news.orange.fr...
McKirahan a écrit :

Consider this:

or this :

<html>
<script type="text/javascript">
function myOptions() {
var S = document.forms[0][0], opts;
for(var i=1; i<10; i++) {
opts = new Option('Row '+i+' -----Details',i);
S.options[S.length] = opts;
}
}
function pick(that) {
var k = that.selectedIndex;
if (k 0)
alert(that.options[k].text +
' value = ' + that.options[k].value);
}
</script>
<form>
<select size="11" onclick="pick(this)"
style="font-family:Courier New">
<option>Row 0 --------Heading</option>
</select>
</form>
<script type="text/javascript">
myOptions();
</script>
</html>
--
Stephane Moriaux et son (moins) vieux Mac déjà dépassé
Stephane Moriaux and his (less) old Mac already out of date

Mar 17 '07 #6
Hi Animal,
You might want to consider the full-on AJAX/RIA option like:
I'm not real keen on http as a middleware protocol and much prefer something
context-rich, stateful, conversational, and with a bit more power, but I did
like the quality of your output (If not the performance :-) So if there is a
"Third-Way" in the argument between Tables and Select-Lists then I'm all for
hearing about it!

I tried viewing the source and also tried looking up some of the responses
to "grid" but I'm sorry to report that I'm still none the wiser. You
couldn't just post ~100-200 line example with inline styles that knocks up
one of these grids couldya? <DIVseems to be extremely powerful and the
driving force behind a lot of this stuff; is that right? I did see a great
example from someone here where the horizontal and vertical headers would
follow there columns when scrolling on way but stay fixed the other. This
was amazing functionality! But when I looked at the source it was
copyrighted and many hundreds of lines long :-(

I guess what I'm realling looking for is "Where are the browser vendors
putting their investment dollars when it comes to tables/select lists?" With
Internet Explorer is certainly looks like Tables to me.

Regards Richard Maher

PS. No idea what RIA is sorry.

"TheBagbournes" <no***@noway.comwrote in message
news:FY******************************@bt.com...
Richard Maher wrote:
Hi,

Sorry if this is one of those issues that people feel passionate about
and I
assure you I'm not trolling but rather seeking guidance on which way to
go
with the web browser presentation of tabular result sets.

I'm a newbie and don't know any better, but I immediately opted for
Select
Lists 'cos A) someone showed me :-) and b) 'cos I didn't think you could
select from a Table without a Button-cell on each row (but a recent post
of
Stephane's showed me this is not so)

These are some of the reasons I think I should now go to tables: -
1) I have columns and am sick of having to use a non-proportional font
to
line up.
2) I have column headings and don't like having to fudge option[0] as a
header when thead and tfoot entries now look like they can be static
outside
the scroll area (true?)
3) You can "select" table rows (true?)
4) Inserting and removing <tr>s is no harder than <optionsin a
<select>
5) Have you seen what Microsoft has done with Tables lately? I don't
know
how much is down to CSS or how much (<div TABNAM="name">) is IE specific
but
it really looks good! Click down to expand tehh whole table or leave it
how
it is and scroll through.

So any thoughts or advice on what direction drowsers are heading in with
regard to this issue?

You might want to consider the full-on AJAX/RIA option like:

http://www.yui-ext.com/deploy/ext-1....um-search.html
>
The drop down which appears when you type (try entering "grid") is a fully
configurable Grid with moveable, resizable columns. Lots of other example
under the /examples directory there...
>
Download the library at http://www.yui-ext.com/deploy/ext-1.0-alpha3.zip

Help forum at http://www.yui-ext.com/forum/index.php

Have fun,

Animal

Mar 18 '07 #7
On Mar 17, 5:25 pm, "Richard Maher" <maher...@hotspamnotmail.com>
wrote:
Hi Animal,
You might want to consider the full-onAJAX/RIAoption like:

I'm not real keen on http as a middleware protocol and much prefer something
context-rich, stateful, conversational, and with a bit more power, but I did
like the quality of your output (If not the performance :-) So if there is a
"Third-Way" in the argument between Tables and Select-Lists then I'm all for
hearing about it!

I tried viewing the source and also tried looking up some of the responses
to "grid" but I'm sorry to report that I'm still none the wiser. You
couldn't just post ~100-200 line example with inline styles that knocks up
one of these grids couldya? <DIVseems to be extremely powerful and the
driving force behind a lot of this stuff; is that right? I did see a great
example from someone here where the horizontal and vertical headers would
follow there columns when scrolling on way but stay fixed the other. This
was amazing functionality! But when I looked at the source it was
copyrighted and many hundreds of lines long :-(

I guess what I'm realling looking for is "Where are the browser vendors
putting their investment dollars when it comes to tables/select lists?" With
Internet Explorer is certainly looks like Tables to me.

Regards Richard Maher

PS. No idea whatRIAis sorry.

"TheBagbournes" <n...@noway.comwrote in message

news:FY******************************@bt.com...
Richard Maher wrote:
Hi,
Sorry if this is one of those issues that people feel passionate about
and I
assure you I'm not trolling but rather seeking guidance on which way to
go
with the web browser presentation of tabular result sets.
I'm a newbie and don't know any better, but I immediately opted for
Select
Lists 'cos A) someone showed me :-) and b) 'cos I didn't think you could
select from a Table without a Button-cell on each row (but a recent post
of
Stephane's showed me this is not so)
These are some of the reasons I think I should now go to tables: -
1) I have columns and am sick of having to use a non-proportional font
to
line up.
2) I have column headings and don't like having to fudge option[0] as a
header when thead and tfoot entries now look like they can be static
outside
the scroll area (true?)
3) You can "select" table rows (true?)
4) Inserting and removing <tr>s is no harder than <optionsin a
<select>
5) Have you seen what Microsoft has done with Tables lately? I don't
know
how much is down to CSS or how much (<div TABNAM="name">) is IE specific
but
it really looks good! Click down to expand tehh whole table or leave it
how
it is and scroll through.
So any thoughts or advice on what direction drowsers are heading in with
regard to this issue?
You might want to consider the full-onAJAX/RIAoption like:

http://www.yui-ext.com/deploy/ext-1....orm/forum-sear...
The drop down which appears when you type (try entering "grid") is a fully

configurable Grid with moveable, resizable columns. Lots of other example
under the /examples directory there...


Download the library athttp://www.yui-ext.com/deploy/ext-1.0-alpha3.zip
Help forum athttp://www.yui-ext.com/forum/index.php
Have fun,
Animal- Hide quoted text -

- Show quoted text -- Hide quoted text -

- Show quoted text -
Hi,

Try Visual WebGui for a way to have a applicative web presence with
out going through hell (JavaScript long long files)...
This solution is basically extending ASP.NET with WinForms like
programming including design time which provides a very rapid
environment for developing web applications.

You can also use it to enhance an existing ASP.NET site with out
rewriting all the application... and it is open source available under
the GPL license.

Some quick start video tutorials:
http://www.visualwebgui.com/Default.aspx?tabid=297

The homepage of the project:
http://www.visualwebgui.com

Guy Peled
Founder & Chief Architect
Gizmox - Visual WebGui

Mar 18 '07 #8
ASM
Richard Maher a écrit :
Hi Stephane,

I'm not sure what you and Macca have given me apart from two very good
examples of one of the things I find undesirable in a select list. I must be
missing something but I just don't know what it is. "Without table columns
we need to use a non-proportional font in our select lists to get things to
line up correctly" Is that what you were showing me? The reverse? Something
new?
I did try to swhow you that you can very easily
- empty a select
- grow a select
- insert somewhere a new option in a select
because you seemed to say it was easier to do so with table(s) than with
select(s)

If your question is about presentation of options text ...
You can fix that via css (at least with FireFox or Opera)
as you would do with a table

select,
select option { color: maroon; font-size: 1.2em; text-align: center;
font-family: times, times new roman, university, serif;
width: 10em; height: 1.2em; background: #ffc; }

Now, you probably can do your increasing menu using "normal" lists
(ul li a) that will accelerate IE displays comparatively to tables
--
Stephane Moriaux et son (moins) vieux Mac déjà dépassé
Stephane Moriaux and his (less) old Mac already out of date
Mar 18 '07 #9
Richard Maher wrote:
Hi Animal,
>You might want to consider the full-on AJAX/RIA option like:

I'm not real keen on http as a middleware protocol and much prefer something
context-rich, stateful, conversational, and with a bit more power, but I did
like the quality of your output (If not the performance :-) So if there is a
"Third-Way" in the argument between Tables and Select-Lists then I'm all for
hearing about it!

I tried viewing the source and also tried looking up some of the responses
to "grid" but I'm sorry to report that I'm still none the wiser. You
couldn't just post ~100-200 line example with inline styles that knocks up
one of these grids couldya? <DIVseems to be extremely powerful and the
driving force behind a lot of this stuff; is that right? I did see a great
example from someone here where the horizontal and vertical headers would
follow there columns when scrolling on way but stay fixed the other. This
was amazing functionality! But when I looked at the source it was
copyrighted and many hundreds of lines long :-(

I guess what I'm realling looking for is "Where are the browser vendors
putting their investment dollars when it comes to tables/select lists?" With
Internet Explorer is certainly looks like Tables to me.

Regards Richard Maher

PS. No idea what RIA is sorry.
"Rich Internet Application."

The actual *example* code is quite small, 48 lines - follow the link to forum-search.js

And you won't be able to make head or tail of the actual library source (ext-all.js - the compressed version). It's a complex library. You'd have to study it in detail and step through the uncompressed source code. It's open source, so you are free to do so.

The point is that the API is documented, logical and reasonably simple for an experienced software developer to use, you don't actually *need* to understand the guts of it.

And as for using HTTP.... You are isolated in a browser - it's what you have!

Animal
Mar 18 '07 #10
Hi Animal,
The point is that the API is documented, logical and reasonably simple for
an experienced software developer to use, you don't actually *need* to
understand the guts of it.

OK, that's the bit I missed; I'll have to go back and look again. As I said
before, I was very impressed with the quality of the UI.
And as for using HTTP.... You are isolated in a browser - it's what you
have!

Oh, how wrong you are! (Or should I say, HTTP's not the only tool in the box
and it's certainly not the sharpest :-) Once http has pimped your hosting
page and applet for you, you are free to deploy any form of light-weight,
high-performance, application-sepecific protocol over a secure TCP/IP
connection. Context-rich, connection-oriented, authenticated,
high-performance, it's just all gravy here!

Cheers Richard Maher

PS. You don't even need HTTP for the applet upload, but I have to admit that
it beats FTP at least :-)

"TheBagbournes" <no***@noway.comwrote in message
news:k8******************************@bt.com...
Richard Maher wrote:
Hi Animal,
You might want to consider the full-on AJAX/RIA option like:
I'm not real keen on http as a middleware protocol and much prefer
something
context-rich, stateful, conversational, and with a bit more power, but I
did
like the quality of your output (If not the performance :-) So if there
is a
"Third-Way" in the argument between Tables and Select-Lists then I'm all
for
hearing about it!

I tried viewing the source and also tried looking up some of the
responses
to "grid" but I'm sorry to report that I'm still none the wiser. You
couldn't just post ~100-200 line example with inline styles that knocks
up
one of these grids couldya? <DIVseems to be extremely powerful and the
driving force behind a lot of this stuff; is that right? I did see a
great
example from someone here where the horizontal and vertical headers
would
follow there columns when scrolling on way but stay fixed the other.
This
was amazing functionality! But when I looked at the source it was
copyrighted and many hundreds of lines long :-(

I guess what I'm realling looking for is "Where are the browser vendors
putting their investment dollars when it comes to tables/select lists?"
With
Internet Explorer is certainly looks like Tables to me.

Regards Richard Maher

PS. No idea what RIA is sorry.

"Rich Internet Application."

The actual *example* code is quite small, 48 lines - follow the link to
forum-search.js
>
And you won't be able to make head or tail of the actual library source
(ext-all.js - the compressed version). It's a complex library. You'd have to
study it in detail and step through the uncompressed source code. It's open
source, so you are free to do so.
>
The point is that the API is documented, logical and reasonably simple for
an experienced software developer to use, you don't actually *need* to
understand the guts of it.
>
And as for using HTTP.... You are isolated in a browser - it's what you
have!
>
Animal

Mar 18 '07 #11

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

0
by: Lars Rasmussen | last post by:
I tried that, but i dont work either. I need to insert a way that mysql doese'nt complain when i copy some records that have the same id (or that it just gives it an id according to the...
0
by: Hans Maurer | last post by:
>Description: We're running our current TTS application with MySQL (on Unix). All database, table and column names are in lower-case. However, we need to access this database with a new...
3
by: Toboja | last post by:
Hello, I have two select lists: Available Sort Options and Selected Sort Options. The user clicks on any of the available sort options and can move them to the selected sort options box. I use...
3
by: William Fields | last post by:
Hello, I have an HTML page I'm trying to send down to the users browser that contains all data for a few SELECT objects (to reduce round-trips), and I'd like the SELECT drop down lists to...
2
by: phpuser32423 | last post by:
Hi everyone Is it by any chance possible to use mysql and php to auto create the content for drop-down lists on forms by retrieving the values from a database? The reason i ask is that on a site...
1
by: Wayne Deleer | last post by:
Here's a perplexing thought... right now I'm writing an application that uses a web form, with many different input types. Some of these types are lists that allow for multiple selections. After...
2
by: rn5a | last post by:
During registration, users have to provide their date of birth. For the date & month part, there are 2 dropdown lists & for the year, there's a textbox. These 3 fields are finally merged together...
1
by: venkib097 | last post by:
-------------------------------------------------------------------------------- hi guys i have problem with time sheet.i have 3 shifts. 1.morning (7 am to 4pm) 2.afternoon (2 pm to 11 pm)...
14
by: The Natural Philosopher | last post by:
This is a nasty one and I can't see my way out of it. I have a bunch of select statements in a form, and each select statement has an onchange="do_something(this)" in it, and this works...
6
by: Dilip | last post by:
I don't know how I missed this piece for so long (this may also be old news to you guys) but in this ACMQueue article, Michi Henning goes to elaborate lengths to detail how even today designing a...
0
by: emmanuelkatto | last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel
0
BarryA
by: BarryA | last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
0
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...
0
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...
0
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...
0
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...
0
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...
0
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.