Pano embedding... ' ERROR no embedding target'

Anfänger

Mittwoch, 9. April 2014, 13:52

I try to embed my pano in a website but what I get is ' ERROR no embedding target' What is the problem here?

Thanks for your help

http://www.marcelwagenaar.nl/test/index4.html

<!DOCTYPE html>
<html>
<head>
<title>Marcel Wagenaar Panoramafotografie</title>
<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<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>
</div>

<script src='tour.js'></script>
<script src='assets/krpano/embedpano.js'></script>

<script>
embedpano({swf:'/assets/krpano/krpano.swf', xml:'RDcentraal/tour.xml', target:'pano', html5:'auto', passQueryParameters:true});
/*
var viewer = createkrpanoSWFviewer('assets/krpano/krpano.swf');
viewer.addVariable('xml', '/RDcentraal/tour.xml');
viewer.addParam('wmode', 'transparent');
viewer.embed('pano');
*/

$(contentbox_animate_hide);

(function(){window.___gcfg = {lang: 'en-GB'};var po=document.createElement('script');po.type='text/javascript';po.async=true;po.src='https://apis.google.com/js/plusone.js';var s=document.getElementsByTagName('script')[0];s.parentNode.insertBefore(po,s);})();
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');
</script>

</body>

Zum Seitenanfang

klaus.krpano

Administrator

Beiträge: 13 499

2

Mittwoch, 9. April 2014, 15:25

Hi,

in your html sample code there is no (target) html element with the id 'pano' defined.

Best regards,
Klaus

Zum Seitenanfang

marcelwagenaar

Anfänger

Beiträge: 12

3

Mittwoch, 9. April 2014, 15:34

Something like this Klaus? Thanks!

<div id='loader' class='loading'></div>
<div id="panocontainer">
<div id="pano" style="width:100%; height:100%; position: absolute;"></div>
</div>

<div id="contentbox" class="bg pano_info">

Zum Seitenanfang

klaus.krpano

Administrator

Beiträge: 13 499

4

Mittwoch, 9. April 2014, 15:48

Yes, a html element with an id that will be used in the embedpano() function as target.

Zum Seitenanfang

marcelwagenaar

Anfänger

Beiträge: 12

5

Mittwoch, 9. April 2014, 16:37

http://www.marcelwagenaar.nl/test/index4.html

Now I get HTML5 version not available on my Android Mobile and Film not loaded in Flash.

-----
<!DOCTYPE html>
<html>
<head>
<title>Marcel Wagenaar Panoramafotografie</title>
<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<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>
</div>

<div id="pano" style="width:100%; height:100%; position: absolute;"></div>
</div>


<div id="contentbox" class="bg pano_info">

<script src='tour.js'></script>
<script src='assets/krpano/embedpano.js'></script>

<script>
embedpano({swf:'/assets/krpano/krpano.swf', xml:'RDcentraal/tour.xml', target:'pano', html5:'auto', passQueryParameters:true});
/*
var viewer = createkrpanoSWFviewer('RDcentraal/krpano.swf');
viewer.addVariable('xml', 'RDcentraal/tour.xml');
viewer.addParam('wmode', 'transparent');
viewer.embed('pano');
*/

$(contentbox_animate_hide);

(function(){window.___gcfg = {lang: 'en-GB'};var po=document.createElement('script');po.type='text/javascript';po.async=true;po.src='https://apis.google.com/js/plusone.js';var s=document.getElementsByTagName('script')[0];s.parentNode.insertBefore(po,s);})();
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');
</script>

</body>
</html>
--------

http://www.marcelwagenaar.nl/test/index4.html is working perfect.

Thanks

Zum Seitenanfang

klaus.krpano

Administrator

Beiträge: 13 499

6

Mittwoch, 9. April 2014, 17:03

Hi,

the path to the krpano.swf is wrong and there is also no krpano.js on the server.

Best regards,
Klaus

Zum Seitenanfang

marcelwagenaar

Anfänger

Beiträge: 12

7

Mittwoch, 9. April 2014, 17:21

Hi Klaus, how do you mean the path is wrong? It is driving me crazy :-)
I updated my source:

<!DOCTYPE html>
<html>
<head>
<title>Marcel Wagenaar Panoramafotografie</title>
<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta http-equiv="x-ua-compatible" content="IE=edge" />

</head>
<body>
</div>

<div id="pano" style="width:100%; height:100%; position: absolute;"></div>
</div>


<div id="contentbox" class="bg pano_info">

<script src='RDcentraal/tour.js'></script>
<script src='assets/krpano/embedpano.js'></script>

<script>
embedpano({swf:'/RDcentraal/tour.swf', xml:'RDcentraal/tour.xml', target:'pano', html5:'auto', passQueryParameters:true});
/*
var viewer = createkrpanoSWFviewer('RDcentraal/tour.swf');
viewer.addVariable('xml', 'RDcentraal/tour.xml');
viewer.addParam('wmode', 'transparent');
viewer.embed('pano');
*/

$(contentbox_animate_hide);

(function(){window.___gcfg = {lang: 'en-GB'};var po=document.createElement('script');po.type='text/javascript';po.async=true;po.src='https://apis.google.com/js/plusone.js';var s=document.getElementsByTagName('script')[0];s.parentNode.insertBefore(po,s);})();
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');
</script>

</body>
</html>

Zum Seitenanfang

marcelwagenaar

Anfänger

Beiträge: 12

8

Donnerstag, 10. April 2014, 06:39

Hi Klaus,

I made a second testmap on my server and it is working on my computer but on my phone i get ' HTML version not available' I am almost there.... Please advice.

Thanks, Marcel

www.marcelwagenaar.nl/test2/index2.html

-------

<head>
<title>Marcel Wagenaar Panoramafotografie</title>
<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta http-equiv="x-ua-compatible" content="IE=edge" />

</head>
<body>
</div>

<div id="pano" style="width:100%; height:100%; position: absolute;"></div>
</div>


<div id="contentbox" class="bg pano_info">

<script src='centraalstation/tour.js'></script>
<script src='assets/krpano/embedpano.js'></script>

<script>
embedpano({swf:'centraalstation/tour.swf', xml:'centraalstation/tour.xml', target:'pano', html5:'auto', passQueryParameters:true});
/*
var viewer = createkrpanoSWFviewer('/centraalstation/tour.swf');
viewer.addVariable('xml', '/centraalstation/tour.xml');
viewer.addParam('wmode', 'transparent');
viewer.embed('pano');
*/

$(contentbox_animate_hide);

(function(){window.___gcfg = {lang: 'en-GB'};var po=document.createElement('script');po.type='text/javascript';po.async=true;po.src='https://apis.google.com/js/plusone.js';var s=document.getElementsByTagName('script')[0];s.parentNode.insertBefore(po,s);})();
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');
</script>

</body>
</html>

-------

Zum Seitenanfang

Pano embedding... ' ERROR no embedding target'

Pano embedding... ' ERROR no embedding target'

Ähnliche Themen