retrieving global variable from another iframe

Yuri Kovelenov wrote:

Hi,
The “this” in the line
this.testVarVar = that.parent.sliderTrack_MC.testVar.text;
likely relates to an instance of some JavaScript Object (class), implemented by Adobe Animate.
Instead of “this”, you might try “window” so that the variable becomes global.

yea no see i tried that.

are you sure verge is ABLE accept or get global variables??

this isn’t the first time ive struggled on this for a long time..last time was about a week.. and i decided to give up on it out of frustration and go a completely different route because i couldn’t get verge to simply exchange variables between another window.

do you know where a good example of this happening in the examples where i can look at the exact code at the sending and receiving end and compare it to what i’m doing?? like literally seeing it function live.

thnnxx

uuuuhhhhgg!!! wOOOO!

fixed it with just using window.parent.testVarVar = that.testVarVar;
(“that” is “this”)

then the js call return window.parent.testVarVar.

alrighty then…

onwards!

If I wrote a MutationObserver in my my app.js to check if the window.parent.variable has changed, I’d have the v3d. procedure (call a puzzle procedure) and have that puzzle run my jscall that gets the value(in posts above).. That would work, but.. Is there a way to just. Cut out the middle man and call the app.ExternalInterface (my js call) right from there instead of going back to the puzzle procedure then to do that?

Thanks.

ok thank you very much for your answers!

anything on the specifics of prefacing syntax for setting a variable that’s in puzzles FROM the “run your code here” part of myApp.js ?

this post keeps disappearing when i edit it.

‘ok i had assumed that about puzzles variables for security.

good news…
for anyone who reads this later here’s some info:
(ad this is super important info if you’re in need of your code communicating between sibling iframes and/or the parent document.

I’m activating verge’s container content through the html5 controls now.
my verge3d is in a div not an iframe, but i have a control panel for the verge3D objects in a separate iframe (a stack of custom html5 canvas range sliders).

to call puzzle procedures in the parent window with the verge3d div FROM the iframe’s js file i’m using:
parent.v3d.puzzles.procedures.testFire(); (example)

to run a function in the “run your code here” part of the myAwesomeApp.js (your project’s js) file i did
this in the iframe’s js:
window.parent.testFire();

with this in the “run your code here” part:

  window.parent.testFire = function(){
        v3d.puzzles.procedures.testFire();
        console.log("window.parent.testFire FIRED");
    };

and vice versa to call a function in the iframe from the parent (my verge3d container in the parent doc)

example:
my parent doc has this:
document.getElementById('sliders_panel_iframe').contentDocument.functionToFire();

which calls this from the iframe window with the Adobe Animate CC HTML canvas :
document.functionToFire = function(){ console.log("functionToFire fired"); };

(not sure about how to access the app.ExternalInterface.someJScallFunction();
functions though externally.. maybe name a window.parent.variable to the externalinterface function?)

now i can control when the variables are updated between them instead of having it do it every frame, (which was causing some issues when that’s all that was in the functionality)

so with a little help..
I’m “Glad I worked it out”
thanks!