Does anyone know if there is a way I can do that?
Or is there a way i can use addEventListener & fireEvent to pass back and forth the variables from one iframe to another?
How about using local storage? E.g.
localStorage.setItem("globalVarName", "value as string"); var globalVarVal = localStorage.getItem("globalVarName");
This value will persist even after the browser is closed, however I’m sure you could alter this behaviour if not desired. Check out http://diveintohtml5.info/storage.html for more info.