single quote ' in title breaks index.html in 4.0

Q&A about the latest versions
Post Reply
User avatar
skyfocus
Posts: 268
Joined: Sat Jun 12, 2010 10:52 am
Location: The Netherlands
Contact:

Hi,

Maybe it's a known issue, I saw Thomas speaking of it that there is a problem with single quotes in hotspot-text in the beta 3.
And that it will be fixed in the next relaese. I'm working with the 4.0 release and I noticed a problem with a single quote in the "title". The resulting index.html will break when using it there. Had no problems with it in 3.0

regards,

Arjan
Windows 10 Pro x64, Pano2VR pro V6.1.13 , Browser latest Firefox
Website: https://www.skyfocus.nl/
User avatar
Hopki
Gnome
Posts: 13005
Joined: Thu Jan 10, 2008 3:16 pm
Location: Layer de la Haye, Essex UK
Contact:

Hi
Tested this and its working for me?

I used ' and " all working in the user data when using placeholders.
Please can you provide a screen shot and perhaps your p2vr file?
Regards,
Hopki
Garden Gnome Support
If you send an e-mail to support please send a link to the forum post for reference.
support@ggnome.com
https://ggnome.com/wiki/documentation/
Judy-A
Posts: 242
Joined: Sun Jan 10, 2010 5:26 am
Location: Edmonton, Canada
Contact:

skyfocus wrote: I'm working with the 4.0 release and I noticed a problem with a single quote in the "title". The resulting index.html will break when using it there.
Check to make sure the single quote is just a vertical tick mark and not a curly apostrophe copied in from a word processor. The two formats result in different HTML code which might be causing a conflict.

Straight-Apostrophe Joe's or Curly-Apostrophe Joe’s

Code: Select all

Straight-Apostrophe Joe's or Curly-Apostrophe Joe’s
Judy
User avatar
Hopki
Gnome
Posts: 13005
Joined: Thu Jan 10, 2008 3:16 pm
Location: Layer de la Haye, Essex UK
Contact:

Hi,
Thats a good point, if you use a word processor then you may well get problems.
This is also covered in the Formatting Text Tip: http://gardengnomesoftware.com/wiki/Formatting_Text
Regards,
Hopki
Garden Gnome Support
If you send an e-mail to support please send a link to the forum post for reference.
support@ggnome.com
https://ggnome.com/wiki/documentation/
User avatar
skyfocus
Posts: 268
Joined: Sat Jun 12, 2010 10:52 am
Location: The Netherlands
Contact:

I'm talking about the ' not the ` ... this character is used in many dutch names. There is no wordprocesser involved here.

I investigated the generated index.html below and found two places where the ' quote comes back. The first place is the title:

Code: Select all

<title>Auberge &apos;t Asje</title>
Here it is transcoded to &apos;
This is not the problem area.

The problem is in the seccond line:
starting with: panorama+=' <userdata title="Auberge 't Asje" datetime="Date: 11-07-2012"
This ' quote should be escaped with a backslash:
like: panorama+=' <userdata title="Auberge \'t Asje" datetime="Date: 11-07-2012"
When I do this manually, it works .....

Arjan





Code: Select all

<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
		<title>Auberge &apos;t Asje</title>
		<meta name="viewport" content="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 name="apple-mobile-web-app-status-bar-style" content="black" />
		
		<script type="text/javascript" src="resources/swfobject.js">
		</script>
		<script type="text/javascript">
			// hide URL field on the iPhone/iPod touch
			function hideUrlBar() {
				if (((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i)))) {
					container = document.getElementById("container");
					if (container) {
						var cheight;
						switch(window.innerHeight) {
							case 208:cheight=268; break; // landscape
							case 260:cheight=320; break; // landscape, fullscreen
							case 336:cheight=396; break; // portrait, in call status bar
							case 356:cheight=416; break; // portrait 
							default:
//								cheight=window.innerHeight;
						}
						if ((cheight) && ((container.offsetHeight!=cheight) || (window.innerHeight!=cheight))) {
							container.style.height=cheight + "px";
							setTimeout(function() { hideUrlBar(); }, 1000);
						}
					}
				}
				
				if (window.pageYOffset==0) {
					window.scrollTo(0, 1);
				
				}
			}
		</script>
		<style type="text/css" title="Default">
			body, div, h1, h2, h3, span, p {
				font-family: Verdana,Arial,Helvetica,sans-serif;
				color: #ffffff; 
			}
			/* fullscreen */
			html {
				height:100%;
			}
			body {
				height:100%;
				margin: 0px;
				overflow:hidden; /* disable scrollbars */
			}
			body {
			  font-size: 10pt;
			  background : #242424; 
			}
			table,tr,td {
				font-size: 10pt;
				border-color : #777777;
				background : #dddddd; 
				color: #000000; 
				border-style : solid;
				border-width : 2px;
				padding: 5px;
				border-collapse:collapse;
			}
			h1 {
				font-size: 18pt;
			}
			h2 {
				font-size: 14pt;
			}
			.warning { 
				font-weight: bold;
			} 
			/* fix for scroll bars on webkit & Mac OS X Lion */ 
			::-webkit-scrollbar {
				background-color: rgba(0,0,0,0.5);
				width: 0.75em;
			}
			::-webkit-scrollbar-thumb {
    			background-color:  rgba(255,255,255,0.5);
			}
		</style>	
	</head>
	<body onorientationchange="hideUrlBar();">
		<script type="text/javascript" src="resources/pano2vr_player.js">
		</script>
		<script type="text/javascript" src="resources/skin.js">
		</script>
		<div id="container" style="width:100%;height:100%;">
		This content requires HTML5/CSS3, WebGL, or Adobe Flash Player Version 9 or higher.
		</div>
		<script type="text/javascript">
		if (swfobject.hasFlashPlayerVersion("9.0.0")) {
			var flashvars = {};
			var params = {};
			params.quality = "high";
			params.bgcolor = "#242424";
			params.allowscriptaccess = "sameDomain";
			params.allowfullscreen = "true";
			var attributes = {};
			attributes.id = "pano";
			attributes.name = "pano";
			attributes.align = "middle";
			swfobject.embedSWF(
				"aubergetasje.swf", "container", 
				"100%", "100%",
				"9.0.0", "expressInstall.swf", 
				flashvars, params, attributes);
			
		} else 
		// check for CSS3 3D transformations and WebGL
		if (ggHasHtml5Css3D() || ggHasWebGL()) {
	
			// create the panorama player with the container
			pano=new pano2vrPlayer("container");
			// add the skin object
			skin=new pano2vrSkin(pano);
			// load the configuration
			panorama='<?xml version="1.0" encoding="UTF-8"?>';
				panorama+='<panorama id="">';
				panorama+='  <view fovmode="0" pannorth="0">';
				panorama+='    <start pan="332" fov="70" tilt="-0.5"/>';
				panorama+='    <min pan="0" fov="5" tilt="-90"/>';
				panorama+='    <max pan="360" fov="120" tilt="90"/>';
				panorama+='  </view>';
				panorama+='  <userdata title="Auberge 't Asje" datetime="Date: 11-07-2012" description="VVV Vechtdal Tour" copyright="SkyFocus 2012" tags="" author="Created by: Arjan Geertsma" source="" comment="" info="" longitude="" latitude=""/>';
				panorama+='  <hotspots width="180" height="20" wordwrap="1">';
				panorama+='    <label width="180" backgroundalpha="1" enabled="1" height="20" backgroundcolor="0xffffff" bordercolor="0x000000" border="1" textcolor="0x000000" borderalpha="1" borderradius="1" wordwrap="1" textalpha="1"/>';
				panorama+='    <polystyle mode="0" backgroundalpha="0.2509803921568627" backgroundcolor="0x0000ff" bordercolor="0x0000ff" borderalpha="1"/>';
				panorama+='    <hotspot title="ingang de paardenstal" target="" pan="-24.2079" skinid="hs_forward" url="aubergetasje2-8.swf" id="restaurant2" tilt="-0.286926"/>';
				panorama+='    <hotspot title="0.3/0.1" target="" pan="154.229" skinid="lf" url="" id="_flare" tilt="54.1719"/>';
				panorama+='    <hotspot title="terras" target="$ap/$at/70" pan="-73.25239999999999" skinid="hs_forward" url="aubergetasje2-7.swf" id="terras" tilt="-1.36882"/>';
				panorama+='    <hotspot title="ingang zaal" target="" pan="36.7592" skinid="hs_forward" url="aubergetasje1-4.swf" id="zaal" tilt="-1.82697"/>';
				panorama+='    <hotspot title="t Asje" target="0/0/70" pan="2.12385" skinid="hs_forward" url="aubergetasje1-7.swf" id="restaurant1" tilt="-0.530826"/>';
				panorama+='  </hotspots>';
				panorama+='  <media>';
				panorama+='    <sound ambientlevel="0.2" pansize="10" mode="5" loop="1" field="90" pan="-108.859" tiltsize="10" id="_panosound_0" level="0.4" tilt="0.6306619999999999">';
				panorama+='      <source url="media/vogelsinbos.mp3"/>';
				panorama+='    </sound>';
				panorama+='    <sound ambientlevel="0.4" pansize="10" mode="5" loop="1" field="90" pan="105.754" tiltsize="10" id="_panosound_1" level="0.5" tilt="-0.441391">';
				panorama+='      <source url="media/tasje-klokken.mp3"/>';
				panorama+='    </sound>';
				panorama+='  </media>';
				panorama+='  <input tile0url="images/aubergetasje_o_0.jpg" tile5url="images/aubergetasje_o_5.jpg" tilesize="1440" tile4url="images/aubergetasje_o_4.jpg" tile3url="images/aubergetasje_o_3.jpg" tilescale="1.006944444444444" tile2url="images/aubergetasje_o_2.jpg" tile1url="images/aubergetasje_o_1.jpg"/>';
				panorama+='  <altinput tile0url="images/aubergetasje_o_1440_0.jpg" screensize="1024" tile5url="images/aubergetasje_o_1440_5.jpg" tilesize="1440" tile4url="images/aubergetasje_o_1440_4.jpg" tile3url="images/aubergetasje_o_1440_3.jpg" tilescale="1.006944444444444" tile2url="images/aubergetasje_o_1440_2.jpg" tile1url="images/aubergetasje_o_1440_1.jpg"/>';
				panorama+='  <altinput tile0url="images/aubergetasje_o_700_0.jpg" screensize="960" tile5url="images/aubergetasje_o_700_5.jpg" tilesize="700" tile4url="images/aubergetasje_o_700_4.jpg" tile3url="images/aubergetasje_o_700_3.jpg" tilescale="1.006944444444444" tile2url="images/aubergetasje_o_700_2.jpg" tile1url="images/aubergetasje_o_700_1.jpg"/>';
				panorama+='  <altinput tile0url="images/aubergetasje_o_416_0.jpg" screensize="480" tile5url="images/aubergetasje_o_416_5.jpg" tilesize="416" tile4url="images/aubergetasje_o_416_4.jpg" tile3url="images/aubergetasje_o_416_3.jpg" tilescale="1.006944444444444" tile2url="images/aubergetasje_o_416_2.jpg" tile1url="images/aubergetasje_o_416_1.jpg"/>';
				panorama+='  <control simulatemass="1" lockedmouse="0" lockedkeyboard="0" dblclickfullscreen="0" invertwheel="0" lockedwheel="0" invertcontrol="1" speedwheel="1" sensitivity="8"/>';
				panorama+='</panorama>';
				panorama+='';
			pano.readConfigString(panorama);
			// hide the URL bar on the iPhone
			hideUrlBar();
			
		}
		</script>
		<noscript>
			<p><b>Please enable Javascript!</b></p>
		</noscript>
	</body>
</html>
Windows 10 Pro x64, Pano2VR pro V6.1.13 , Browser latest Firefox
Website: https://www.skyfocus.nl/
User avatar
skyfocus
Posts: 268
Joined: Sat Jun 12, 2010 10:52 am
Location: The Netherlands
Contact:

I stumbled on the same problem when re-editing an old tour. I have a config file with 90+ hotspots, three of them have a single quote ( ' ) in the title. The generated index.html from the html5 output (using normal.ggt) results in a blanc page with nothing in it.

Arjan
Windows 10 Pro x64, Pano2VR pro V6.1.13 , Browser latest Firefox
Website: https://www.skyfocus.nl/
User avatar
skyfocus
Posts: 268
Joined: Sat Jun 12, 2010 10:52 am
Location: The Netherlands
Contact:

I would like a solution to this, is it taken seriously ? .. This is a really anoying and very time consuming bug !!!
Am I the only one having this problem ?

regards,

Arjan
Windows 10 Pro x64, Pano2VR pro V6.1.13 , Browser latest Firefox
Website: https://www.skyfocus.nl/
Judy-A
Posts: 242
Joined: Sun Jan 10, 2010 5:26 am
Location: Edmonton, Canada
Contact:

skyfocus wrote:I stumbled on the same problem when re-editing an old tour. I have a config file with 90+ hotspots, three of them have a single quote ( ' ) in the title. The generated index.html from the html5 output (using normal.ggt) results in a blanc page with nothing in it.
Not sure if this is your problem, but if you have ‘externalize images’ turned on, turn it off.

http://gardengnomesoftware.com/bt/view.php?id=670

Judy
User avatar
Hopki
Gnome
Posts: 13005
Joined: Thu Jan 10, 2008 3:16 pm
Location: Layer de la Haye, Essex UK
Contact:

Hi,
This is the only way I can get it to fall over is to externalise the cubes, just a shame this was not highlighted earlier.
To this end please can I highlight our FAQ page and the best way to report bugs, this also looks at seeing if they are already know.
Regards,
Hopki
Garden Gnome Support
If you send an e-mail to support please send a link to the forum post for reference.
support@ggnome.com
https://ggnome.com/wiki/documentation/
User avatar
skyfocus
Posts: 268
Joined: Sat Jun 12, 2010 10:52 am
Location: The Netherlands
Contact:

Hi,

I'm not shure we are talking about the same bug here.

As I pointed out earlier in this thread, the generated index.html is not correct, the quote is breaking the html syntax and should be commanded out.
I can't see what externalizeing images has got to do with that, besides, I haven't got the slightest idea where to find that setting ?? I'm using the html5 output to generate the index.html and thats the version where all images are external already. Or am I missing a point ?

Here is an example of a config that breaks the index.html: http://www.skyfocus.nl/files/quote.zip
I've also made an index-fix.html (in the tour output dir) with the backslashes before the quotes that works ....

Arjan
Windows 10 Pro x64, Pano2VR pro V6.1.13 , Browser latest Firefox
Website: https://www.skyfocus.nl/
User avatar
Hopki
Gnome
Posts: 13005
Joined: Thu Jan 10, 2008 3:16 pm
Location: Layer de la Haye, Essex UK
Contact:

Hi Arjan,
Dont know how or why but the HTML page in the download looks like the iBooks Widget HTML Page?
After republishing with the normal html page it then all works fine.

Your page

Code: Select all

<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
		<title>Auberge &apos;t Asje</title>
		<meta name="viewport" content="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 name="apple-mobile-web-app-status-bar-style" content="black" />
		
		<script type="text/javascript" src="resources/swfobject.js">
		</script>
		<script type="text/javascript">
			// hide URL field on the iPhone/iPod touch
			function hideUrlBar() {
				if (((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i)))) {
					container = document.getElementById("container");
					if (container) {
						var cheight;
						switch(window.innerHeight) {
							case 208:cheight=268; break; // landscape
							case 260:cheight=320; break; // landscape, fullscreen
							case 336:cheight=396; break; // portrait, in call status bar
							case 356:cheight=416; break; // portrait 
							default:
//								cheight=window.innerHeight;
						}
						if ((cheight) && ((container.offsetHeight!=cheight) || (window.innerHeight!=cheight))) {
							container.style.height=cheight + "px";
							setTimeout(function() { hideUrlBar(); }, 1000);
						}
					}
				}
				
				if (window.pageYOffset==0) {
					window.scrollTo(0, 1);
				
				}
			}
		</script>
		<style type="text/css" title="Default">
			body, div, h1, h2, h3, span, p {
				font-family: Verdana,Arial,Helvetica,sans-serif;
				color: #ffffff; 
			}
			/* fullscreen */
			html {
				height:100%;
			}
			body {
				height:100%;
				margin: 0px;
				overflow:hidden; /* disable scrollbars */
			}
			body {
			  font-size: 10pt;
			  background : #242424; 
			}
			table,tr,td {
				font-size: 10pt;
				border-color : #777777;
				background : #dddddd; 
				color: #000000; 
				border-style : solid;
				border-width : 2px;
				padding: 5px;
				border-collapse:collapse;
			}
			h1 {
				font-size: 18pt;
			}
			h2 {
				font-size: 14pt;
			}
			.warning { 
				font-weight: bold;
			} 
			/* fix for scroll bars on webkit & Mac OS X Lion */ 
			::-webkit-scrollbar {
				background-color: rgba(0,0,0,0.5);
				width: 0.75em;
			}
			::-webkit-scrollbar-thumb {
    			background-color:  rgba(255,255,255,0.5);
			}
		</style>	
	</head>
	<body onorientationchange="hideUrlBar();">
		<script type="text/javascript" src="resources/pano2vr_player.js">
		</script>
		<script type="text/javascript" src="resources/skin.js">
		</script>
		<div id="container" style="width:100%;height:100%;">
		This content requires HTML5/CSS3, WebGL, or Adobe Flash Player Version 9 or higher.
		</div>
		<script type="text/javascript">
		if (swfobject.hasFlashPlayerVersion("9.0.0")) {
			var flashvars = {};
			var params = {};
			params.quality = "high";
			params.bgcolor = "#242424";
			params.allowscriptaccess = "sameDomain";
			params.allowfullscreen = "true";
			var attributes = {};
			attributes.id = "pano";
			attributes.name = "pano";
			attributes.align = "middle";
			swfobject.embedSWF(
				"aubergetasje.swf", "container", 
				"100%", "100%",
				"9.0.0", "expressInstall.swf", 
				flashvars, params, attributes);
			
		} else 
		// check for CSS3 3D transformations and WebGL
		if (ggHasHtml5Css3D() || ggHasWebGL()) {
	
			// create the panorama player with the container
			pano=new pano2vrPlayer("container");
			// add the skin object
			skin=new pano2vrSkin(pano);
			// load the configuration
			panorama='<?xml version="1.0" encoding="UTF-8"?>';
				panorama+='<panorama id="">';
				panorama+='  <view fovmode="0" pannorth="0">';
				panorama+='    <start pan="332" fov="70" tilt="-0.5"/>';
				panorama+='    <min pan="0" fov="5" tilt="-90"/>';
				panorama+='    <max pan="360" fov="120" tilt="90"/>';
				panorama+='  </view>';
				panorama+='  <userdata title="Auberge 't Asje" datetime="Date: 11-07-2012" description="VVV Vechtdal Tour" copyright="SkyFocus 2012" tags="" author="Created by: Arjan Geertsma" source="" comment="" info="" longitude="" latitude=""/>';
				panorama+='  <hotspots width="180" height="20" wordwrap="1">';
				panorama+='    <label width="180" backgroundalpha="1" enabled="1" height="20" backgroundcolor="0xffffff" bordercolor="0x000000" border="1" textcolor="0x000000" borderalpha="1" borderradius="1" wordwrap="1" textalpha="1"/>';
				panorama+='    <polystyle mode="0" backgroundalpha="0.2509803921568627" backgroundcolor="0x0000ff" bordercolor="0x0000ff" borderalpha="1"/>';
				panorama+='    <hotspot title="De Auberge" target="" pan="-24.2079" skinid="hs_forward" url="aubergetasje2-8.swf" id="restaurant2" tilt="-0.286926"/>';
				panorama+='    <hotspot title="0.3/0.1" target="" pan="154.229" skinid="lf" url="" id="_flare" tilt="54.1719"/>';
				panorama+='    <hotspot title="'t terras" target="$ap/$at/70" pan="-73.25239999999999" skinid="hs_forward" url="aubergetasje2-7.swf" id="terras" tilt="-1.36882"/>';
				panorama+='    <hotspot title="De Paardenstal" target="" pan="36.7592" skinid="hs_forward" url="aubergetasje1-4.swf" id="zaal" tilt="-1.82697"/>';
				panorama+='    <hotspot title="t Asje" target="0/0/70" pan="1.66903" skinid="hs_forward" url="aubergetasje1-7.swf" id="restaurant1" tilt="0.8343390000000001"/>';
				panorama+='  </hotspots>';
				panorama+='  <media>';
				panorama+='    <sound ambientlevel="0.2" pansize="10" mode="5" loop="1" field="90" pan="-108.859" tiltsize="10" id="_panosound_0" level="0.4" tilt="0.6306619999999999">';
				panorama+='      <source url="media/vogelsinbos.mp3"/>';
				panorama+='    </sound>';
				panorama+='    <sound ambientlevel="0.4" pansize="10" mode="5" loop="1" field="90" pan="105.754" tiltsize="10" id="_panosound_1" level="0.5" tilt="-0.441391">';
				panorama+='      <source url="media/tasje-klokken.mp3"/>';
				panorama+='    </sound>';
				panorama+='  </media>';
				panorama+='  <input tile0url="images/aubergetasje_o_0.jpg" tile5url="images/aubergetasje_o_5.jpg" tilesize="1440" tile4url="images/aubergetasje_o_4.jpg" tile3url="images/aubergetasje_o_3.jpg" tilescale="1.006944444444444" tile2url="images/aubergetasje_o_2.jpg" tile1url="images/aubergetasje_o_1.jpg"/>';
				panorama+='  <altinput tile0url="images/aubergetasje_o_1440_0.jpg" screensize="1024" tile5url="images/aubergetasje_o_1440_5.jpg" tilesize="1440" tile4url="images/aubergetasje_o_1440_4.jpg" tile3url="images/aubergetasje_o_1440_3.jpg" tilescale="1.006944444444444" tile2url="images/aubergetasje_o_1440_2.jpg" tile1url="images/aubergetasje_o_1440_1.jpg"/>';
				panorama+='  <altinput tile0url="images/aubergetasje_o_700_0.jpg" screensize="960" tile5url="images/aubergetasje_o_700_5.jpg" tilesize="700" tile4url="images/aubergetasje_o_700_4.jpg" tile3url="images/aubergetasje_o_700_3.jpg" tilescale="1.006944444444444" tile2url="images/aubergetasje_o_700_2.jpg" tile1url="images/aubergetasje_o_700_1.jpg"/>';
				panorama+='  <altinput tile0url="images/aubergetasje_o_416_0.jpg" screensize="480" tile5url="images/aubergetasje_o_416_5.jpg" tilesize="416" tile4url="images/aubergetasje_o_416_4.jpg" tile3url="images/aubergetasje_o_416_3.jpg" tilescale="1.006944444444444" tile2url="images/aubergetasje_o_416_2.jpg" tile1url="images/aubergetasje_o_416_1.jpg"/>';
				panorama+='  <control simulatemass="1" lockedmouse="0" lockedkeyboard="0" dblclickfullscreen="0" invertwheel="0" lockedwheel="0" invertcontrol="1" speedwheel="1" sensitivity="8"/>';
				panorama+='</panorama>';
				panorama+='';
			pano.readConfigString(panorama);
			// hide the URL bar on the iPhone
			hideUrlBar();
			
		}
		</script>
		<noscript>
			<p><b>Please enable Javascript!</b></p>
		</noscript>
	</body>
</html>
And this is what it looks like after a republish.

Code: Select all

<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
		<title>Auberge &apos;t Asje</title>
		<meta name="viewport" content="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 name="apple-mobile-web-app-status-bar-style" content="black" />
		
		<script type="text/javascript" src="swfobject.js">
		</script>
		<script type="text/javascript">
			// hide URL field on the iPhone/iPod touch
			function hideUrlBar() {
				if (((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i)))) {
					container = document.getElementById("container");
					if (container) {
						var cheight;
					  	switch(window.innerHeight) {
							case 208:cheight=268; break; // landscape
						 	case 260:cheight=320; break; // landscape, fullscreen
						 	case 336:cheight=396; break; // portrait, in call status bar
							case 356:cheight=416; break; // portrait 
							case 424:cheight=484; break; // portrait iPhone5, in call status bar
							case 444:cheight=504; break; // portrait iPhone5 
						 	default:
								cheight=window.innerHeight;
						}
						if ((cheight) && ((container.offsetHeight!=cheight) || (window.innerHeight!=cheight))) {
							container.style.height=cheight + "px";
							setTimeout(function() { hideUrlBar(); }, 1000);
						}
					}
				}
				
				document.getElementsByTagName("body")[0].style.marginTop="1px";
				window.scrollTo(0, 1);
			}
			window.addEventListener("load", hideUrlBar);
			window.addEventListener("resize", hideUrlBar);
			window.addEventListener("orientationchange", hideUrlBar);
		</script>
		<style type="text/css" title="Default">
			body, div, h1, h2, h3, span, p {
				font-family: Verdana,Arial,Helvetica,sans-serif;
				color: #ffffff; 
			}
			/* fullscreen */
			html {
				height:100%;
			}
			body {
				height:100%;
				margin: 0px;
				overflow:hidden; /* disable scrollbars */
			}
			body {
			  font-size: 10pt;
			  background : #242424; 
			}
			table,tr,td {
				font-size: 10pt;
				border-color : #777777;
				background : #dddddd; 
				color: #000000; 
				border-style : solid;
				border-width : 2px;
				padding: 5px;
				border-collapse:collapse;
			}
			h1 {
				font-size: 18pt;
			}
			h2 {
				font-size: 14pt;
			}
			.warning { 
				font-weight: bold;
			} 
			/* fix for scroll bars on webkit & Mac OS X Lion */ 
			::-webkit-scrollbar {
				background-color: rgba(0,0,0,0.5);
				width: 0.75em;
			}
			::-webkit-scrollbar-thumb {
    			background-color:  rgba(255,255,255,0.5);
			}
		</style>	
	</head>
	<body>
		<script type="text/javascript" src="pano2vr_player.js">
		</script>
		<script type="text/javascript" src="skin.js">
		</script>
		<div id="container" style="width:100%;height:100%;">
		This content requires HTML5/CSS3, WebGL, or Adobe Flash Player Version 9 or higher.
		</div>
		<script type="text/javascript">
	
		if (swfobject.hasFlashPlayerVersion("9.0.0")) {
			var flashvars = {};
			var params = {};
			params.quality = "high";
			params.bgcolor = "#242424";
			params.allowscriptaccess = "sameDomain";
			params.allowfullscreen = "true";
			var attributes = {};
			attributes.id = "pano";
			attributes.name = "pano";
			attributes.align = "middle";
			swfobject.embedSWF(
				"aubergetasje.swf", "container", 
				"100%", "100%",
				"9.0.0", "", 
				flashvars, params, attributes);
			
		} else 
		// check for CSS3 3D transformations and WebGL
		if (ggHasHtml5Css3D() || ggHasWebGL()) {
	
			// create the panorama player with the container
			pano=new pano2vrPlayer("container");
			// add the skin object
			skin=new pano2vrSkin(pano);
			// load the configuration
			pano.readConfigUrl("aubergetasje.xml");
			// hide the URL bar on the iPhone
			hideUrlBar();
		}
		</script>
		<noscript>
			<p><b>Please enable Javascript!</b></p>
		</noscript>
	</body>
</html>
Very much different.
Please check and see you have not renamed the iBooks ggt.
Regards,
Hopki
Garden Gnome Support
If you send an e-mail to support please send a link to the forum post for reference.
support@ggnome.com
https://ggnome.com/wiki/documentation/
User avatar
skyfocus
Posts: 268
Joined: Sat Jun 12, 2010 10:52 am
Location: The Netherlands
Contact:

Hi Hopki,

I do use an edited version of the normal.sky (forgot to mention that) to change some paths of the .js files to the recources directory to make the output diectory clean of
javascipt stuff. And I also edited it to get some google analytics code inserted autmaticaly.

But the file I used to make my own .ggt with was called normal.ggt and not ibook.ggt (dont see that file in the distribution ?!).
The timestamp on that normal.ggt file I used is 27-6-2012.

Can you povide a normal.ggt that I should use to edit paths and google analytics code ? Than I can test it. The version that is now in my html5 config directory
is from 23-11-2012 and generates very strange paths like :

Code: Select all

swfobject.embedSWF("../pano2vr/aubergetasje.swf",   ......


Thats not the place where the .swf files are (in config file there is only aubergetasje.swf without path) ... and this resulting index.html is obviously not working ...

Regards,

Arjan
Windows 10 Pro x64, Pano2VR pro V6.1.13 , Browser latest Firefox
Website: https://www.skyfocus.nl/
User avatar
Hopki
Gnome
Posts: 13005
Joined: Thu Jan 10, 2008 3:16 pm
Location: Layer de la Haye, Essex UK
Contact:

Hi Arjan,
All I can tell you is the normal ggt works and the code you have in your HTML page is very similar as the iBooks ggt.

To test, please have a look at the following post: http://gardengnomesoftware.com/forum/vi ... 744#p31744
Rename your old folder and get Pano2VR to make a new folder with default templates then retest.
Regards,
Hopki
Garden Gnome Support
If you send an e-mail to support please send a link to the forum post for reference.
support@ggnome.com
https://ggnome.com/wiki/documentation/
User avatar
skyfocus
Posts: 268
Joined: Sat Jun 12, 2010 10:52 am
Location: The Netherlands
Contact:

Hi Hopki,

Ok, that explaines something. Because the normal.ggt file did not change after installing newer versions of pano2vr I assumed
nothing changed in this file. That new file fixed the ' quote issue ....... but this new version of normal.ggt also generates this weird
path to the fallback .swf file.

Code: Select all

swfobject.embedSWF(
				"../pano2vr/aubergetasje.swf", "container", 
				"100%", "100%",
				"9.0.0", "", 
				flashvars, params, attributes);
../pano2vr is the directory I keep the config files in. It should say "aubergetasje.swf" .... the directory the index.html file itself is located. when I change this manualy the file works. I've now changed

Code: Select all

swfobject.embedSWF(
				"<?ggs 
					var swffn=document.expandVariables(formvalue['swf']);
					swffn=document.expandFilename(swffn);
					swffn=document.relativeOutputFilename(swffn);
					document.write(document.encodeUrl(swffn)); 
				?>"
to

Code: Select all

swfobject.embedSWF(
				"<?ggs 
					var swffn=formvalue['swf'];
					document.write(document.encodeUrl(swffn)); 
				?>"
in the normal.ggt file ....

regards,

Arjan
Windows 10 Pro x64, Pano2VR pro V6.1.13 , Browser latest Firefox
Website: https://www.skyfocus.nl/
Post Reply