Page 1 of 1

single quote ' in title breaks index.html in 4.0

Posted: Wed Dec 05, 2012 8:43 am
by skyfocus
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

Re: single quote ' in title breaks index.html in 4.0

Posted: Wed Dec 12, 2012 11:15 pm
by Hopki
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

Re: single quote ' in title breaks index.html in 4.0

Posted: Thu Dec 13, 2012 1:43 am
by Judy-A
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

Re: single quote ' in title breaks index.html in 4.0

Posted: Thu Dec 13, 2012 1:55 pm
by Hopki
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

Re: single quote ' in title breaks index.html in 4.0

Posted: Sat Dec 15, 2012 6:14 pm
by skyfocus
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>

Re: single quote ' in title breaks index.html in 4.0

Posted: Tue Jan 15, 2013 11:54 am
by skyfocus
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

Re: single quote ' in title breaks index.html in 4.0

Posted: Wed Feb 13, 2013 9:14 am
by skyfocus
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

Re: single quote ' in title breaks index.html in 4.0

Posted: Wed Feb 13, 2013 5:57 pm
by Judy-A
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

Re: single quote ' in title breaks index.html in 4.0

Posted: Wed Feb 13, 2013 6:23 pm
by Hopki
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

Re: single quote ' in title breaks index.html in 4.0

Posted: Sat Feb 16, 2013 2:27 pm
by skyfocus
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

Re: single quote ' in title breaks index.html in 4.0

Posted: Sat Feb 16, 2013 7:42 pm
by Hopki
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

Re: single quote ' in title breaks index.html in 4.0

Posted: Sun Feb 17, 2013 1:57 pm
by skyfocus
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

Re: single quote ' in title breaks index.html in 4.0

Posted: Mon Feb 18, 2013 5:45 pm
by Hopki
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

Re: single quote ' in title breaks index.html in 4.0

Posted: Wed Feb 20, 2013 10:14 am
by skyfocus
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