Using variables to load Axure pages into iFrames

[lukeperman]

Hi all,

I know this used to be possible but it changed with Axure cloud - but I was wondering if anyone knows how to programmatically load pages in an Axure prototype?

My situation is that I have an Axure page with 4 iFrames in it, to simulate a tabbed browser experience with separate applications by loading prototype pages into the iFrames based on clicks to a navigation menu that sits outside of the iFrames in the parent window.

Where it gets tricky is sometimes I need a link in a page within an iFrame (lets say iFrame 1) to launch another page in a different iFrame (lets say iFrame 2)

I figured out I can save the [[PageName]] into the onloadvariable, and then have a ‘listener’ outside of the iFrames in the main page that looks for a change to onloadvariable - but what I can’t work out is how to translate [[PageName]] into a link that can target one of the iFrames.

(I’m toggling the state of a dynamic panel then checking the onloadvariable on each state change - this works but is inefficient so I’m not sure if there is a better method?)

Any thoughts???

I’m using Axure 9 btw.

Thanks in advance.

[lshillman]

Hi Luke,

One way to do it is to save the name of your target page to a variable corresponding to the frame you want to load it into, and then use the “open link in frame” action using an external link that you construct like so:

[[frame2]].html

Here’s an example:
https://kjafp3.axshare.com

In the example, I’m using five variables: one for each of the four iframes, and one to track which frame I’m changing. On the listener, I’ve got four cases that look like this:

Hope this helps!

[lukeperman]

Hah that’s cool …

Apologies for the delay in replying. Am now dowloading your file and upacking the thinking