Global scope for Javascript variables in Storyline

Extremely useful, Math. Thank you again.

Thank you so much for sharing such useful information Math.

Thank you Math! I would love to try this on my current project but with a looming deadline, it's probably not going to happen. Hopefully on the next one!

if you wan't to use small solutions for global variables in javascript - use window-variables (storyline is technical a single-page application)

https://javascript.info/global-object

example

javascript trigger 1:

function hallo(){
   window.myText = "hallo";
}


javascript trigger 2:

function printHallo(){
   console.log( window.myText );
}

normaly window variables are not used*, the normal javascript would be

var myText;

function hallo(){
    myText = "hallo";
}

function printHallo(){
    console.log( myText );
}

the result is the same, but this it is not possible in a trigger javascript

Jürgen

* as a developer you should not use such things - global variables are nasty. If you are not careful, they can cause big problems. Normally you encapsulate variables. 

This is great, thanks Math.

Hello Guys,

My personal solution is to use a webObject on the first scene, with sessionStorage.

I do load a webObject (first slide and off stage). the code in the index.html is simply :

*************************************
<script>
sessionStorage.setItem("msg_EN","Hello world!");
sessionStorage.setItem("msg_FR","Bonjour le monde!");
sessionStorage.setItem("msg_ES","Hola mundo!");
</script>
*************************************

These become available for each slides even for other webObjects :

var player = GetPlayer();
player.SetVar("greetings",sessionStorage.getItem("msg_EN"));

If you care about making the variables more "private", you can always use base64 encode/decode, here is the function I use:

****************************************
function encodeB64(str) {
return btoa(encodeURIComponent(str).replace(/%([0-9A-F]{2})/g,
function toSolidBytes(match, p1) {
return String.fromCharCode('0x' + p1);
}));
}

function decodeB64(str) {
return decodeURIComponent(atob(str).split('').map(function(c) {
return '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2);
}).join(''));
}

Hi all, and particularly @Math.

I'm very interested in this solution, but where can I find your GlobalScript.js file ?

As WebObjects keep their files persistent in the Storyline file.. download the globalScope.story.... publish it and magically the js-file is on your computer in the published folder. Instead of previewing...Open Folder and go into story_content/WebObjects/5yVih3lSjPj/globals
and there it is.

Thank you so much !

Hi Math,

I'm having hard trying to to make this work, I don't get the console.log messages with my work, while it does appear with your example.

How do you figure the value of webObjectURL ? Do you publish a first time to see the name of the folder the publication process creates, and then rewrite it in the first javascript executed in the first slide, or is there any other way to get that name ?