how to declare function in Javacript file and use it in XML (Hotspot onclick event) ?

rostlerkk · February 16, 2023 at 12:41 PM

Hello,

please I have a question how to solve this problem:

1. in Javascript I have a declared function myFunction();
2. I embed Krpano via embedpano:

in XML I have set for hotspot: <hotspot onclick="jscall(myFunction(););" />

but it doesn't work. Can anyone advise how to declare a variable in Javascript (outside of XML) and launch it by clicking on the hotspot?

thank you in advance

kme · February 16, 2023 at 12:59 PM

This works for me:

in html:

Code

<script >
function updatehotspot(){
	alert("hello");
}
</script>

in xml:

Code

<hotspot type="image" name="myimage" url="image-%$imagenbr%.jpg" scale="0.1" ath="10" atv="0" onclick="jscall(updatehotspot())" />

tip: Make sure the number of parameters is matching

rostlerkk · February 16, 2023 at 1:04 PM

Hi kme,

but it dont work.

i write my code in Svelte, but if i declare function in svelte component and if i load krpano via component, hotspot on click dont run function from svelte.

kme · February 16, 2023 at 1:07 PM

Do you have an example online?

kme · February 16, 2023 at 1:10 PM

I don't know the framework, but maybe a stupid question: can you call the function from within plain javascript?
If so, you could do

hotspot onclick => javascript => Svelte function

First test
javascript function => Svelte function

if that works, do
hotspot onclick => javascript function

if that works, then
hotspot onclick => javascript function => Svelte function

should also work

spacerywirtualne · February 16, 2023 at 2:16 PM

This should help

https://krpano.com/forum/wbb/inde…66285#post66285

Piotr

Fernando · February 17, 2023 at 2:49 PM

Hi, It has always been easier for me to do the function in krpano:

Code

<action name="mykrpanoaction"
type="Javascript">
<![CDATA[
var video = document.getElementById("myvideo");
if (myvideo !== null) {
document.getElementById("myvideo").pause();
}]]>
</action>

Participate now!