load xml from external server into html

servaas · June 22, 2015 at 2:10 PM

Hello,

In my html file I have put :
"

Code

<script>
embedpano({swf:"tour.swf", xml:"http://www.vanbelleb3d.be/ka91/tour.xml", target:"pano", html5:"auto", passQueryParameters:true});
</script>

"

The .html file is hosted on server 'A'. The .xml on server 'B'.
When I go to .html I got a error message 'FATAL: http://www....com/tour.xml - loading error (Security Error)'

What do I do wrong ?

Cheers,
Servaas

klaus.krpano · June 23, 2015 at 11:19 AM

Hi,

there are two cases:

1. Flash - for Flash you need to have a crossdomain.xml on the other server (at best in the server root folder) that explicitly allows the Flashplayer to load files from that server.

That crossdomain.xml could look like this:

XML

<?xml version="1.0"?>
<!DOCTYPE cross-domain-policy SYSTEM "http://www.macromedia.com/xml/dtds/cross-domain-policy.dtd">
<cross-domain-policy>
	<allow-access-from domain="*" />
</cross-domain-policy>

2. HTML5 - for HTML5 the other server needs to have CORS enabled. That means the server needs to send the

Code

Access-Control-Allow-Origin: *

http header together with the files.

For enabling CORS on your external server see here - http://enable-cors.org/server.html

Best regards,
Klaus

servaas · June 23, 2015 at 12:05 PM

Thanks Klaus, I'll check it out !

servaas · June 23, 2015 at 12:41 PM

Hello,

I've asked my provider for assistance as the cross domain.xml didn't help so far.
Probably I've put it in the wrong place but soon this should be fixed.

As for a project I want the .js, .swf, and .xml files on a external server I've have this in my html file.
Can you confirm this is the right way ? Thanks in advance !

HTML

<!DOCTYPE html>
<html>
<head>
	<title>krpano.com - tuin_01</title>
	<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, minimal-ui" />
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<meta name="apple-mobile-web-app-status-bar-style" content="black" />
	<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
	<meta http-equiv="x-ua-compatible" content="IE=edge" />
	<style>
		@-ms-viewport { width:device-width; }
		@media only screen and (min-device-width:800px) { html { overflow:hidden; } }
		html { height:100%; }
		body { height:100%; overflow:hidden; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF; background-color:#000000; }
	</style>
</head>
<body>


<script src="http://www.immo-virtueel.be/vtour_iv/tour.js"></script>


<div id="pano" style="width:100%;height:100%;">
	<noscript><table style="width:100%;height:100%;"><tr style="vertical-align:middle;"><td><div style="text-align:center;">ERROR:<br/><br/>Javascript not activated<br/><br/></div></td></tr></table></noscript>
	<script>
		embedpano({swf:"http://www.immo-virtueel.be/vtour_iv/tour.swf", xml:"http://www.immo-virtueel.be/vtour_iv/tour.xml", target:"pano", html5:"prefer", passQueryParameters:true});
	</script>
</div>


</body>
</html>

Display More

klaus.krpano · June 23, 2015 at 2:13 PM

Hi,

normally you wouldn't need help your your provider/hoster, just upload a crossdomain.xml to the server root - and if you have an Apache server a .htaccess file (according to the CORS documentation link above) for HTML5.

Best regards,
Klaus

servaas · June 23, 2015 at 2:56 PM

allright. The html5 has been fixed.

I'll keep on looking what I did wrong with the flash dude...

Participate now!