CodeCharge Studio
search Register Login  

Web Reports

Visually create Web Reports in PHP, ASP, .NET, Java, Perl and ColdFusion.

YesSoftware Forums -> CodeCharge Studio -> Tips & Solutions

 AJAX retrieves table data into mouseover tooltip (Detail Records Preview)

Print topic Send  topic

Author Message

Posts: 183
Posted: 04/06/2008, 9:32 AM

Here is a good solution for retrieving any php / html page (including a Code Charge Studio page with all its data connections, events and links) into a tooltip or floating panel when your mouse hovers over an object.

This is really useful if, for example, you want to quickly display detail table data related to the master record on your page without overcrowing your page with too much information in the first place.

An example of what it does can be seen under "Detail Records Preveiw" here:

This is how to do it:
Use the "Download Ajax tooltip" script at
This is the page to download the files:

Just replace 'demo-pages/ajax-tooltip.html' with one of your static CCS php pages carefully created to be of the correct dimensions.
Or to retrieve a related page, in order to pass the foreign key to the page being retrieved you will have to embed a CCS link.
Example of the <a> code:
<a href="#" onmouseover="ajax_showTooltip('{Link1_Src}',this);return false" onmouseout="ajax_hideTooltip()"> .... </a>

Adjust the size of the tooltip bubble by editing the CSS file.


RAD tools for rich UI controls:
View profile  Send private message

Add new topic Subscribe to topic   

These are Community Forums for users to exchange information.
If you would like to obtain technical product help please visit

PHP Reports

Visually create Web Reports in PHP, ASP, .NET, Java, Perl and ColdFusion.

Home   |    Search   |    Members   |    Register   |    Login

Powered by UltraApps Forum created with CodeCharge Studio
Copyright 2003-2004 by  and YesSoftware, Inc.