Full-window embedding

panophile · **Joined:** Wed Jun 03, 2009 4:21 pm **Posts:** 3

Is it possible to embed DevalVR so that a pano fills the whole browser window? I tried to embed it with detectvr.js version 1.3.1 using
writecode("","pano.mov","","","","100%","100%"); but it gives me some margins on the sides and at the bottom of the browser window. The css stylesheet I use is html, body {margin:0; padding:0; border:0; height:100%; overflow: hidden;}. Without the stylesheet I also get some margins and scrollbars. I am using plugin version 0.7.6.10.

Thanks

fiero · **Joined:** Tue Aug 09, 2005 1:55 am **Posts:** 2007

Try this:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<!-- saved from url=(0013)about:internet -->
<HTML>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>panorama</title>

</head> 
<body bgcolor="#364351" leftmargin="0" rightmargin="0" topmargin="0" bottommargin="0" scroll="no">

<SCRIPT type="text/javascript" src="detectvr.js"></SCRIPT>
<SCRIPT type="text/javascript"> 
writecode("pano.mov","pano.mov","","","","100%","100%");
</SCRIPT>

</body>
</html> 

regards!

panophile · **Joined:** Wed Jun 03, 2009 4:21 pm **Posts:** 3

Thanks. It does work but it does not validate. Is it possible to do that with a valid XHTML 1.0 Strict code?

fiero · **Joined:** Tue Aug 09, 2005 1:55 am **Posts:** 2007

I don't know. This code is not standard CSS:

leftmargin="0" rightmargin="0" topmargin="0" bottommargin="0" scroll="no"

but I think it's the only way to remove the margins in IE. IE is not very good with standards, you know...

I can try to adapt the code in detectvr.js to do it with "strict" doctype, I will tell you.

panophile · **Joined:** Wed Jun 03, 2009 4:21 pm **Posts:** 3

fiero wrote:

IE is not very good with standards, you know...

Yes, I know...

fiero wrote:

I can try to adapt the code in detectvr.js to do it with "strict" doctype, I will tell you.

That would be great. I believe Flash based panoramas can be embedded in accordance to standards via SWFObject. I am looking forward to a new version of detectvr.js.

fiero · **Joined:** Tue Aug 09, 2005 1:55 am **Posts:** 2007

I uploaded a new version of detectvr.js
I can't do this for Strict doctype, but it works fine for transitional doctype: see this example: http://validator.w3.org/check?uri=http% ... ne&group=0

This is the HTML code:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
<head> 
<title>panorama</title> 
<script type="text/javascript" src="detectvr.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style media="screen" type="text/css">
<!--
html,body { width:100%; height:100%; margin:0 }
-->
</style>

</head> 
<body> 
<script type="text/javascript"> 
writecode( "./testfiles/testfileForQT.mov", "./testfiles/testfileForQT.mov", "", "","","100%","100%"); 
</script> 
</body> 
</html>

regards!

DevalVR support

Full-window embedding

Who is online