ToolTips and Tables -- how can I have tooltips on the cells of a column?

I could use your help. I need to add tooltips to each column of an
HTML table, for the entire column of cells. I want to add a single
element to the table, and have that one element represent the tooltip
for all the cells in the column.

I'm doing the brute-force method right now of adding a tooltip to every
<td> in the table. The problem there is that the HTML is ballooning in
size as a result (see an example below).

Any ideas, examples or help on this?

<tbody>
<tr>
<td class="bluedata" title="Column 1 ToolTip"> Row 1</td>
<td class="yellowdata" title="Column 2 ToolTip"> Row 1</td>
<td class="bluedata" title="Column 3 ToolTip"> Row 1</td>
</tr>
<tr>
<td class="bluedata" title="Column 1 ToolTip"> Row 2</td>
<td class="yellowdata" title="Column 2 ToolTip"> Row 2</td>
<td class="bluedata" title="Column 3 ToolTip"> Row 2</td>
</tr>
.......
<tr>
<td class="bluedata" title="Column 1 ToolTip"> Row 140</td>
<td class="yellowdata" title="Column 2 ToolTip"> Row
140</td>
<td class="bluedata" title="Column 3 ToolTip"> Row 140</td>
</tr>

Thanks,
Frank

Frank wrote:

I could use your help. I need to add tooltips to each column of an
HTML table, for the entire column of cells. I want to add a single
element to the table, and have that one element represent the tooltip
for all the cells in the column.

I'm doing the brute-force method right now of adding a tooltip to every
td> in the table. The problem there is that the HTML is ballooning in
size as a result (see an example below).

Any ideas, examples or help on this?

tbody
tr
td class="bluedata" title="Column 1 ToolTip"> Row 1</td
td class="yellowdata" title="Column 2 ToolTip"> Row 1</td
td class="bluedata" title="Column 3 ToolTip"> Row 1</td
/tr
tr
td class="bluedata" title="Column 1 ToolTip"> Row 2</td
td class="yellowdata" title="Column 2 ToolTip"> Row 2</td
td class="bluedata" title="Column 3 ToolTip"> Row 2</td
/tr
.......
tr
td class="bluedata" title="Column 1 ToolTip"> Row 140</td
td class="yellowdata" title="Column 2 ToolTip"> Row
140</td
td class="bluedata" title="Column 3 ToolTip"> Row 140</td
/tr

Thanks,
Frank

Well one idea would be to use nested tables, having a 3 column one
contain a one column table in each of its 3 columns:"column1" table
date in first TD, "column2" table date in second TD, etc, with the
appropriate tooltip on the main table's 3 TDs.

But... why are you concerned about "ballooning HTML"? I wouldn't worry
about that, unless it was somehow interferring with performance which
is unlikely in this scenario.

Hope that helps,
Blue Apricot 416

Frank <fxpurcell (AT) gmail (DOT) com> wrote:
news: 1165461400.894428.54460 (AT) n67g200...oglegroups.com
I could use your help. I need to add tooltips to each column of an
HTML table, for the entire column of cells. I want to add a single
element to the table, and have that one element represent the tooltip
for all the cells in the column.

I'm doing the brute-force method right now of adding a tooltip to
every <td> in the table. The problem there is that the HTML is
ballooning in size as a result (see an example below).

Any ideas, examples or help on this?

[snip]
td class="bluedata" title="Column 1 ToolTip"> Row 1</td
td class="yellowdata" title="Column 2 ToolTip"> Row 1</td
td class="bluedata" title="Column 3 ToolTip"> Row 1</td
[snip]

Javascript for the ones that have javascript enabled, and (at least for
opera users) have tooltips enabled.

Some of the bloat can be removed if the method of applying the td
style is changed, I see no real need to declare the inline class. Show
what your bluedata & yellowdata classes are if you are interested.

--
BootNic Thursday, December 07, 2006 5:04 PM

All things come to him who waits - provided he knows what he is
waiting for.
*Woodrow T. Wilson*