I'm working with window I want to flip. There is a next button on the window which will flip the window for me, however, I'd like to be able to click anywhere within the window/iframe and have it flip.

A little background info. There are two pages and two reports. Page one holds a report with hyperlinks that will drill down to the report in page two. When I click the hyperlink, I have to press the 'Next' button on the window for it to flip to the child report which has the correct info.

I've tried working in the GUI Tasks & Animations with no success. I've also tried working in the Embedded JavaScript/CSS, also with no success. I suspect I'm missing something simple since I'm new to WF and have minimal JavaScript experience at best. Here is the JS I'm working with:

if(typeof(bRuntime) != 'undefined') {
// TODO: Add your inline runtime code here
}

//Begin function window_onload
function window_onload() {


UpdateData();

// TODO: Add your event handler code here
//add onInitialUpdate() function to make changes before initial run of the reports
}
//End function window_onload
//Begin function jquery.flip.min.js
$("#windowPanel6").flip({
axis: 'y',
trigger: 'manual'
}) ;


Any advice or direction would be appreciated.

This message has been edited. Last edited by: <Kathryn Henning>,

I've done some research and had some help from a mentor. I'm slowly learning all that AS has to offer. I've got some more research to do. I've altered the code and here is what I'm looking at:

if(typeof(bRuntime) != 'undefined') {
// TODO: Add your inline runtime code here
}

//Begin function window_onload
function window_onload() {

UpdateData();

// TODO: Add your event handler code here
//add onInitialUpdate() function to make changes before initial run of the reports
}
//End function window_onload



//Begin function windowPanel6_onclick
function windowPanel6_onclick(event) {
var eventObject = event ? event : window.event;
var ctrl = eventObject.target ? eventObject.target : eventObject.srcElement;
// TODO: Add your event handler code here
function windowPanel6(){
$("#windowPanel6").flip({
axis: 'y'
});
}

}
//End function windowPanel6_onclick

I'll keep you posted

Hello Pondog,

I am following up with you regarding your "Flip Window".

I must admit I am not really sure what you mean by "Flip". However, my take on this is that possibly no javascript is required. Since you mention drilldown and hyperlinks I am assuming this is a drilldown report related question.

Do you have a report that drills to a second report (parent report calling a child report)? Then the parent report can be added to the HTML using the HTML composer ( possibly with parameters passed (?)). When the HTML page is run and you click on the link in the parent report this will display the child report (in the same window or a new window).

Please let me know if I am correctly or incorrectly interpreting what you are trying to do.

Thank you for participating in the Focal Point Forum.

Kindest regards,
Tamra Colangelo
Focal Point Moderator
Information Builders Inc.

Hi Tamra,

"flip" is a jQuery function that pivots the object around an axis - have a look at this github example .

As a consequence, it is not really a WebFOCUS question and is more to do with how to create the effect using the outputs of WebFOCUS.


T

Thanks Tony A for clearing up the confusion. I've put in a New Feature Request so hopefully we can add some Wow factor to our info.

T

You would think that App Studio would have this functionality. After all, someone recently asked "What can't the canvas do?". Here's one of several things...

Before you do anything else, read the screen.

quote:

Originally posted by Pondog:
// TODO: Add your event handler code here
//add onInitialUpdate() function to make changes before initial run of the reports

Put you code in a function called onInitialUpdate. That way it will be called after the objects are properly loaded.