Javascript function to get detail data on mouse over over a table cell

preethilk · 2011-06-05T13:11:37+00:00

Hi, Need a javascript function to display 'detail' data in a 'hover - a tool tip table item', when hovering over a Table cell data. The 'detail' table data takes the parent table's cell data as one of its parameter. Thanks in advance

preethilk

Hi,

Need a javascript function to display 'detail' data in a 'hover - a tool tip table item', when hovering over a Table cell data.

The 'detail' table data takes the parent table's cell data as one of its parameter.

Thanks in advance

Find more posts tagged with

Comments

averma

Hi preethilk,
See the following article to see how to add a mouseover event to a table cell:
http://www.birt-exchange.org/org/devshare/designing-birt-reports/523-add-onmouseover-event-to-a-report-design/

You can extend this example and display the detail data.

Ashwini

preethilk

Sure, I will use this example to get my mouse over table cell work done.

Thanks for the help,

I would like to know if you had got a chance to test the example, reason is, if the example is intended for appending to cell values, and changing its color upon mouse over, I am not getting the cell values updated with the mouse over operation.

And regarding my work, I think the following steps can be one approach as per you example suggestion and my thoughts,

1. 2 DataSets for 2 tables (1 for the parent table, and 1 for the mouse-over 'tool-tip' table.
2. Once the mouse-over event triggered, it has to take the cell value as a query parameter for my mouse-over tool-tip's dataset.
3. The result table has to be displayed on the mouse-over tool-tip item.

I will start working on this, and would like to get suggestions and right approaches to get the same, and if there are example design like the one provided for mouse-over,

Thanks in advance

Preethi

averma

Hi Preethi,
I created a sample for you to do just what you need. It has two datasets - Customer1 and Customer2. The data from Customer 2 is displayed in the table. When you hover mouse over the first column you will see a bubble help that is derived from Customer1 table. I have Customer1 data stored in a javascript array that I build in the first hidden table. Take a look and let me know if you have questions.

Ashwini

preethilk

Thanks Ashwini, it really helped