Difference between revisions of "JS.eval"

From GiderosMobile
(removed language stuff and added example from sinistersoft)
m (Text replacement - "</source>" to "</syntaxhighlight>")
 
(3 intermediate revisions by 2 users not shown)
Line 5: Line 5:
 
=== Description ===
 
=== Description ===
 
Executes arbitrary JavaScript code on HTML5 platform.
 
Executes arbitrary JavaScript code on HTML5 platform.
<source lang="lua">
+
<syntaxhighlight lang="lua">
 
JS.eval(code)
 
JS.eval(code)
</source>
+
</syntaxhighlight>
  
 
=== Parameters ===
 
=== Parameters ===
 
'''code''': (string) JavaScript code to execute<br/>
 
'''code''': (string) JavaScript code to execute<br/>
  
=== Example ===
+
=== Examples ===
 +
'''Get/set'''
 +
<syntaxhighlight lang="lua">
 +
JS.eval(localStorage.setItem('name', 'John'))
 +
print(JS.eval(localStorage.getItem('name'))
 +
</syntaxhighlight>
 +
 
 +
 
 +
'''Opens an url'''
 +
<syntaxhighlight lang="lua">
 +
JS.eval([[
 +
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...'''
 +
<syntaxhighlight lang="lua">
 +
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
 +
</syntaxhighlight>
 +
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:'''
<source lang="lua">
+
<syntaxhighlight lang="lua">
 
if JS then
 
if JS then
 
JS.eval([[
 
JS.eval([[
Line 35: Line 64:
 
end
 
end
 
end
 
end
</source>
+
</syntaxhighlight>
  
 
{{JS}}
 
{{JS}}

Latest revision as of 15: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