Hi guys,
I've been working on a new webpage generation process for our virtual tours, so that it will produce only one all-in-one page, and then dynamically switches page contents through javascript according to the user interaction (instead of loading a new ASP generated page for every user action). It works well on pc in Chrome, IE and Safari (even though not filling the whole height of the screen in IE9, don't know yet why), but not on the iPad.
http://virtualtour.be/vtrs/virtualto…?downloadable=1
So when you click a (360) icon on the floorplan, the idea is that it will hide whatever is presently on the page, show the "panodiv" section, and open an instance of krpano in it. When I do this on iPad, I get an empty screen, and when I view the source of the web page (using a javascript shortcut which I found on the internet), I only see two lines:
<head><script src="/_swf/krpano/krpanoiphone.license.js" type="text/javascript" charset="UTF-8">
</script><script src="/_swf/krpano/krpanoiphone.js" type="text/javascript"></script></head>
I copied the above by typing, I hope there is no mistake. But the conclusion is that the whole rest of the code for the page seems to be gone!
I pulled out most of my hair trying to solve this problem :( It goes wrong on the viewer.embed("panodiv"); part, but I have no clue why. I must be doing something terribly stupid, but what?
Any help (or advice how to troubleshoot) is most appreciated!
PS. Forgot to mention that http://virtualtour.be/vtrs/virtualto…?downloadable=0 is the old format, which works fine on iPad, but does load a new page for each button click.