partey_workadventure/maps/tests/Variables/shared_variables.php

<!doctype html>
<html lang="en">
<head>
    <script src="<?php echo $_SERVER["FRONT_URL"] ?>/iframe_api.js"></script>
    <script>
        window.addEventListener('load', () => {
            console.log('On load');
            WA.onInit().then(() => {
                console.log('After WA init');
                const textField = document.getElementById('textField');
                textField.value = WA.state.textField;

                textField.addEventListener('change', function (evt) {
                    console.log('saving variable')
                    WA.state.textField = this.value;
                });

                WA.state.onVariableChange('textField').subscribe((value) => {
                    console.log('variable changed received')
                    textField.value = value;
                });

                document.getElementById('btn').addEventListener('click', () => {
                    console.log(WA.state.loadVariable('textField'));
                    document.getElementById('placeholder').innerText = WA.state.loadVariable('textField');
                });

                document.getElementById('setUndefined').addEventListener('click', () => {
                    WA.state.textField = undefined;
                    document.getElementById('textField').value = '';
                });
            });
        })
    </script>
</head>
<body>
<input type="text" id="textField" />

<button id="setUndefined">Delete variable</button>

<button id="btn">Display textField variable value</button>
<div id="placeholder"></div>
</body>
</html>
First version with variables that actually work 2021-07-07 17:17:28 +02:00			`<!doctype html>`
			`<html lang="en">`
			`<head>`
Fixed potential injection by switching map container to PHP Some HTML files were importing iframe_api.js automatically by detecting the referrer document. While this was done in a safe way (the map container does not use cookies), it is not a best practice to load a script originating from document.referrer. This PR solves the issue by using PHP to inject the correct domain name in the HTML files. 2021-11-29 19:05:13 +01:00			`<script src="<?php echo $_SERVER["FRONT_URL"] ?>/iframe_api.js"></script>`
First version with variables that actually work 2021-07-07 17:17:28 +02:00			`<script>`
			`window.addEventListener('load', () => {`
			`console.log('On load');`
			`WA.onInit().then(() => {`
			`console.log('After WA init');`
			`const textField = document.getElementById('textField');`
Using proxy variables in test 2021-07-12 16:43:40 +02:00			`textField.value = WA.state.textField;`
First version with variables that actually work 2021-07-07 17:17:28 +02:00
			`textField.addEventListener('change', function (evt) {`
			`console.log('saving variable')`
Using proxy variables in test 2021-07-12 16:43:40 +02:00			`WA.state.textField = this.value;`
First version with variables that actually work 2021-07-07 17:17:28 +02:00			`});`

Migrating variables functions to the "state" namespace. 2021-07-07 22:14:59 +02:00			`WA.state.onVariableChange('textField').subscribe((value) => {`
First version with variables that actually work 2021-07-07 17:17:28 +02:00			`console.log('variable changed received')`
			`textField.value = value;`
			`});`

			`document.getElementById('btn').addEventListener('click', () => {`
Migrating variables functions to the "state" namespace. 2021-07-07 22:14:59 +02:00			`console.log(WA.state.loadVariable('textField'));`
			`document.getElementById('placeholder').innerText = WA.state.loadVariable('textField');`
First version with variables that actually work 2021-07-07 17:17:28 +02:00			`});`
Setting a variable to undefined now removes it from server-side storage. 2021-07-19 18:46:33 +02:00
			`document.getElementById('setUndefined').addEventListener('click', () => {`
			`WA.state.textField = undefined;`
			`document.getElementById('textField').value = '';`
			`});`
First version with variables that actually work 2021-07-07 17:17:28 +02:00			`});`
			`})`
			`</script>`
			`</head>`
			`<body>`
			`<input type="text" id="textField" />`

Setting a variable to undefined now removes it from server-side storage. 2021-07-19 18:46:33 +02:00			`<button id="setUndefined">Delete variable</button>`

First version with variables that actually work 2021-07-07 17:17:28 +02:00			`<button id="btn">Display textField variable value</button>`
			`<div id="placeholder"></div>`
			`</body>`
			`</html>`