42 lines
1.6 KiB
HTML
42 lines
1.6 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<script>
|
|
var script = document.createElement('script');
|
|
// Don't do this at home kids! The "document.referrer" part is actually inserting a XSS security.
|
|
// We are OK in this precise case because the HTML page is hosted on the "maps" domain that contains only static files.
|
|
script.setAttribute('src', document.referrer + 'iframe_api.js');
|
|
document.head.appendChild(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.loadVariable('textField');
|
|
|
|
textField.addEventListener('change', function (evt) {
|
|
console.log('saving variable')
|
|
WA.state.saveVariable('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');
|
|
});
|
|
});
|
|
})
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<input type="text" id="textField" />
|
|
|
|
<button id="btn">Display textField variable value</button>
|
|
<div id="placeholder"></div>
|
|
</body>
|
|
</html>
|