Difference between revisions of "JS.eval"
From GiderosMobile
(added another example!) |
m (Text replacement - "</source>" to "</syntaxhighlight>") |
||
| (One intermediate revision by the same user not shown) | |||
| Line 5: | Line 5: | ||
=== Description === | === Description === | ||
Executes arbitrary JavaScript code on HTML5 platform. | Executes arbitrary JavaScript code on HTML5 platform. | ||
| − | < | + | <syntaxhighlight lang="lua"> |
JS.eval(code) | JS.eval(code) | ||
| − | </ | + | </syntaxhighlight> |
=== Parameters === | === Parameters === | ||
| Line 14: | Line 14: | ||
=== Examples === | === Examples === | ||
'''Get/set''' | '''Get/set''' | ||
| − | < | + | <syntaxhighlight lang="lua"> |
JS.eval(localStorage.setItem('name', 'John')) | JS.eval(localStorage.setItem('name', 'John')) | ||
print(JS.eval(localStorage.getItem('name')) | print(JS.eval(localStorage.getItem('name')) | ||
| − | </ | + | </syntaxhighlight> |
'''Opens an url''' | '''Opens an url''' | ||
| − | < | + | <syntaxhighlight lang="lua"> |
JS.eval([[ | JS.eval([[ | ||
window.open('my.url') | window.open('my.url') | ||
]]) | ]]) | ||
| − | </ | + | </syntaxhighlight> |
'''In your html5 exports use this to detect if you are in light or dark mode - to change your app or game colors to suit...''' | '''In your html5 exports use this to detect if you are in light or dark mode - to change your app or game colors to suit...''' | ||
| − | < | + | <syntaxhighlight lang="lua"> |
sysDark=-1 | sysDark=-1 | ||
| Line 38: | Line 38: | ||
else sysDark=0 | else sysDark=0 | ||
end | end | ||
| − | </ | + | </syntaxhighlight> |
You will end up with sysDark being -1 for 'don't know', 0 for 'light' and 1 for 'dark'. | You will end up with sysDark being -1 for 'don't know', 0 for 'light' and 1 for 'dark'. | ||
'''Sometimes you may not want the user to leave the game without giving a warning that they will lose information, here is code that will allow you to do this on html5 exports:''' | '''Sometimes you may not want the user to leave the game without giving a warning that they will lose information, here is code that will allow you to do this on html5 exports:''' | ||
| − | < | + | <syntaxhighlight lang="lua"> |
if JS then | if JS then | ||
JS.eval([[ | JS.eval([[ | ||
| Line 64: | Line 64: | ||
end | end | ||
end | end | ||
| − | </ | + | </syntaxhighlight> |
{{JS}} | {{JS}} | ||
Latest revision as of 14:31, 13 July 2023
Available since: Gideros 2016.10
Class: JS
Description
Executes arbitrary JavaScript code on HTML5 platform.
JS.eval(code)
Parameters
code: (string) JavaScript code to execute
Examples
Get/set
JS.eval(localStorage.setItem('name', 'John'))
print(JS.eval(localStorage.getItem('name'))
Opens an url
JS.eval([[
window.open('my.url')
]])
In your html5 exports use this to detect if you are in light or dark mode - to change your app or game colors to suit...
sysDark=-1
-- device={application:getDeviceInfo()}
-- device[1]=="Web"
-- only do the next line if html5 export
if JS.eval("window.matchMedia('(prefers-color-scheme:dark)').matches")=="true" then sysDark=1
else sysDark=0
end
You will end up with sysDark being -1 for 'don't know', 0 for 'light' and 1 for 'dark'.
Sometimes you may not want the user to leave the game without giving a warning that they will lose information, here is code that will allow you to do this on html5 exports:
if JS then
JS.eval([[
window.saveWarning=false;
window.saveWarningListener = (e) => {
if (window.saveWarning==true) {
e.preventDefault();
e.returnValue='';
}
};
window.addEventListener('beforeunload', saveWarningListener);
]])
end
function saveWarning(f)
if JS then
if f then JS.eval("window.saveWarning=true;")
else JS.eval("window.saveWarning=false;")
end
end
end
