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

F

Frank

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
 
B

Blue Apricot

Frank said:
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
 
B

BootNic

Frank said:
news: (e-mail address removed)
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*
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Members online

No members online now.

Forum statistics

Threads
473,744
Messages
2,569,482
Members
44,901
Latest member
Noble71S45

Latest Threads

Top