[SOLVED] How do you get two drill down graphs to display on one page?

June 29, 2006, 02:47 PM

I currently have a web page which consists of two frames, the upper frame which consists of a form where a user selects their parameters then clicks the submit button, and a lower frame where the resulting drill down graph will be displayed. . This is accomplished by executing the graph fex from the submit button, using the target attribute, to direct the graph output to the lower frame.

I would like to enhance this application, by launching two graphs from the parameter form in the upper frame. I was considering displaying the first graph in a lower left hand frame, and the second graph in the lower right hand frame. Both graphs would be driven by the same set of parameters passed from the parameter form in the upper frame.

The problem I have is I don't know how to get two graph fexes to execute (or one fex producing two HTML graphs), with output being directed to two separate frames on the web page. Using my existing logic, I can get the original graph fex to run, with the output directed (using the target attribute) to the lower left hand frame. But I don't know how to get the second graph fex to run with output directed to the lower right hand frame.

Does anyone know of a way to accomplish this?

This message has been edited. Last edited by: Kerry,

June 30, 2006, 06:25 AM

<JG>

AN option is to generate the graphs in HTMTABLE FORMAT using HOLD not PCHOLD
and then include the output into an HTMFORM.

You would only need one lower frame not 2.

 
GRAPH FILE A
SUM
.
.
.
ON GRAPH HOLD AS GRAPH1 FORMAT HTMTABLE
END
-RUN
GRAPH FILE B
SUM
.
.
.
ON GRAPH HOLD AS GRAPH2 FORMAT HTMTABLE
END
-RUN

-HTMLFORM BEGIN
<html>
<head>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%">
  <tr>
    <td width="50%">!IBI.FIL.GRAPH1;</td>
    <td width="50%">!IBI.FIL.GRAPH2;</td>
  </tr>
</table>
</body>
</html>
-HTMLFORM END

June 30, 2006, 08:55 AM

JohnK

JG:

I took your example and modified my approach. On my Launch/Display page, I merged the two separate graph frames into one frame.

Using the Table/Row/Column syntax, I divided the graph frame into a left and right section. I then imported the held html format graphs into the appropriate location.

Using this approach, Upon pressing the Submit button, one fex is executed with the output being targeted to one frame.

This one fex, produced two html graph output files, and the two html graph files were displayed, side by side, in the lower portion of my Launch/Display web page.

Thank you for your assistance.

John K

May 10, 2010, 04:44 PM

texgator

I used this approach to populate four graphs on one page. Manipulating the code lines below, I can put them side by side in a line or one above the other. How can I put GRAPH1 and GRAPH2 side by side and then move GRAPH3 and GRAPH4 below the first two. Sorry, not that famliar with JS. Thanks!

<tr>
    <td width="50%">!IBI.FIL.GRAPH1;</td>
    <td width="50%">!IBI.FIL.GRAPH2;</td>
    <td width="50%">!IBI.FIL.GRAPH3;</td>
    <td width="50%">!IBI.FIL.GRAPH4;</td>
  </tr>

May 10, 2010, 04:55 PM

Tony A

Nothing to do with JavaScript, pure HTML will give you what you need -

-HTMLFORM BEGIN
<html>
<head>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%">
  <tr>
    <td width="50%">!IBI.FIL.GRAPH1;</td>
    <td width="50%">!IBI.FIL.GRAPH2;</td>
  </tr>
  <tr>
    <td width="50%">!IBI.FIL.GRAPH3;</td>
    <td width="50%">!IBI.FIL.GRAPH4;</td>
  </tr>
</table>
</body>
</html>
-HTMLFORM END

May 10, 2010, 05:04 PM

texgator

Got it. Thanks!

May 11, 2010, 08:09 PM

Doug

There's always another way of doing anything in WebFOCUS (until we run out)... Here's my two cents worth... From the submit button on your launch page, execute multiple fexes (one for each graph) and target four (nicely placed) iFrames (one for each graph)...

In FOCUS since 1986	WebFOCUS Server 8.2.01M, thru 8.2.07 on Windows Svr 2008 R2
	WebFOCUS App Studio 8.2.06 standalone on Windows 10