wrapping js in function

landon.silla · April 1, 2011 at 2:19 AM

I just bought and set up this html5 pano viewer. Loading panos onload
of the browser does not suit my needs. I need it to launch based on a
javascript event (click). So I took the demo, wrapped the js in a
function and hooked up a link to that function, so I could trigger it
with the click. Well that doesn't work for me. This is what I did at
the end of the file:

Code

<script>
	function test1(){
		var viewer = createPanoViewer({swf:"krpano.swf", xml:"includes/tour.xml", target:"panocontent"});
		
		if ( viewer.isHTML5possible() )


		{
			viewer.useHTML5("always");
			viewer.embed();
		}
		else
		{
			// show error message
			document.getElementById("nonhtml5infos").style.display = "inline";


		}
	}
	//test1();
	</script>
	<a href="#" onclick="test1();return false;">load pano</a>

Display More

VERY simple! Anyway, you can view it in action here:

http://archive.cyark.org/iphone/krpano_html5only.html

What's wrong? Why isn't this working for me? I just need to wrap the calls in a function, and then hook up that function to some other js event. Any help would be greatly appreciated.

landon.silla · April 1, 2011 at 9:33 AM

Can somebody please help me or point me to a tutorial that does what I am requesting? Basically, I want a list of links where each one launches a different pano. I know there is navigation abilities within the xml spec, but I need to use javascript. And I can't use a page reload. Any thoughts?

klaus.krpano · April 4, 2011 at 8:32 PM

Hi,

you would need the latest 1.0.8.14 pre-release from here:
https://krpano.com/download/beta/#2011-04-04

and you would need to use instead of the swfkrpano.js file a .js file with the krpanoiphone license embedded (e.g. generated by the MAKE PANO droplets),

or to include all .js files manually in the html file in the that order:

Code

<script src="swfkrpano.js"></script>
<script src="krpanoiphone.license.js"></script>
<script src="krpanoiphone.js"></script>

then the dynamic embedded will work,
have also a look into the "iphone-ipad-simulator.html" from the pre-release package,

best regards,
Klaus

wrapping js in function

Participate now!

Users Viewing This Thread