Name: XY Chart with Pop-Up Molecules

Author: Warren Hedley

Version: 1.0

Created: 5/2007

Modified: 8/13/2007

Purpose: In Pipeline Pilot version 6.0, the Reporting Collection has expanded support for JavaScript integration. Using JavaScript you can add exciting effects to your reports, including displaying a molecule when the cursor is placed over a particular item in the report.

This example protocol demonstrates how to set up an XY Chart. You can use this as a starting point for creating roll-over molecules in the other types of charts.

The general process of creating molecule pop-ups is to write out the molecules as images and then use JavaScript to display the appropriate image when the mouse is over the data point. Each image is written out with a distinct file name that includes an index property value, and the JavaScript specifies which image file to display based on the index of the molecule.

In the XY Chart component, the HTML Attributes parameter on the data series is used to set up the "onmouseover" event. This parameter references JavaScript that is contained in a separate JavaScript component, which contains the JavaScript to display the saved image for the data point the mouse is over. The Paragraph component is used to set up the format of the pop-up window, for example the background color.

Requirements: Pipeline Pilot 6.0 or later
Chemistry collection
Reporting collection

O/S: Windows and Linux

Limitations: none known

Keyword: javascript molecule chart xy pop-up caption mouseover

Contents: XY Chart with Pop-Up Molecules.xml - protocol

Installation:

1. Unzip the archive.
2. Import the protocol into the Pipeline Pilot client by dragging and dropping it in the white workspace area.
3. Run the protocol.