|
|
Line 1: |
Line 1: |
- | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> | + | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd"> |
- | <html xmlns="http://www.w3.org/1999/xhtml"> | + | |
- | <head>
| + | <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> |
- | <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
| + | <head> |
- | <title>Unity Web Player | Plasmid Paul</title>
| + | <title>The Title of Your Webpage</title> |
- | <script type='text/javascript' src='https://ssl-webplayer.unity3d.com/download_webplayer-3.x/3.0/uo/jquery.min.js'></script>
| + | </head> |
- | <script type="text/javascript">
| + | <body> |
- | <!--
| + | <object id="UnityObject" |
- | var unityObjectUrl = "http://webplayer.unity3d.com/download_webplayer-3.x/3.0/uo/UnityObject2.js";
| + | classid="clsid:444785F1-DE89-4295-863A-D46C3A781394" |
- | if (document.location.protocol == 'https:')
| + | width="800" |
- | unityObjectUrl = unityObjectUrl.replace("http://", "https://ssl-");
| + | height="450" |
- | document.write('<script type="text\/javascript" src="' + unityObjectUrl + '"><\/script>');
| + | codebase="http://webplayer.unity3d.com/download_webplayer/UnityWebPlayer.cab#version=2,0,0,0"> |
- | -->
| + | <param name="http://sitemaker.umich.edu/synthetic.biology/files/app_web.unity3d" |
- | </script>
| + | value="http://sitemaker.umich.edu/synthetic.biology/files/app_web.unity3d" /> |
- | <script type="text/javascript">
| + | <embed id="UnityEmbed" |
- | <!--
| + | src="http://sitemaker.umich.edu/synthetic.biology/files/app_web.unity3d" |
- | var config = {
| + | width="600" |
- | width: 960,
| + | height="450" |
- | height: 600,
| + | type="application/vnd.unity" |
- | params: { enableDebugging:"0" }
| + | pluginspage="http://www.unity3d.com/unity-web-player-2.x" /> |
- |
| + | </object> |
- | };
| + | |
- | var u = new UnityObject2(config);
| + | </body> |
- | | + | </html> |
- | jQuery(function() {
| + | |
- | | + | |
- | var $missingScreen = jQuery("#unityPlayer").find(".missing");
| + | |
- | var $brokenScreen = jQuery("#unityPlayer").find(".broken");
| + | |
- | $missingScreen.hide();
| + | |
- | $brokenScreen.hide();
| + | |
- |
| + | |
- | u.observeProgress(function (progress) {
| + | |
- | switch(progress.pluginStatus) {
| + | |
- | case "broken":
| + | |
- | $brokenScreen.find("a").click(function (e) {
| + | |
- | e.stopPropagation();
| + | |
- | e.preventDefault();
| + | |
- | u.installPlugin();
| + | |
- | return false;
| + | |
- | });
| + | |
- | $brokenScreen.show();
| + | |
- | break;
| + | |
- | case "missing":
| + | |
- | $missingScreen.find("a").click(function (e) {
| + | |
- | e.stopPropagation();
| + | |
- | e.preventDefault();
| + | |
- | u.installPlugin();
| + | |
- | return false;
| + | |
- | });
| + | |
- | $missingScreen.show();
| + | |
- | break;
| + | |
- | case "installed":
| + | |
- | $missingScreen.remove();
| + | |
- | break;
| + | |
- | case "first":
| + | |
- | break;
| + | |
- | }
| + | |
- | });
| + | |
- | u.initPlugin(jQuery("#unityPlayer")[0], "APP Web.unity3d");
| + | |
- | });
| + | |
- | -->
| + | |
- | </script>
| + | |
- | <style type="text/css">
| + | |
- | <!--
| + | |
- | body {
| + | |
- | font-family: Helvetica, Verdana, Arial, sans-serif;
| + | |
- | background-color: white;
| + | |
- | color: black;
| + | |
- | text-align: center;
| + | |
- | }
| + | |
- | a:link, a:visited {
| + | |
- | color: #000;
| + | |
- | }
| + | |
- | a:active, a:hover {
| + | |
- | color: #666;
| + | |
- | }
| + | |
- | p.header {
| + | |
- | font-size: small;
| + | |
- | }
| + | |
- | p.header span {
| + | |
- | font-weight: bold;
| + | |
- | }
| + | |
- | p.footer {
| + | |
- | font-size: x-small;
| + | |
- | }
| + | |
- | div.content {
| + | |
- | margin: auto;
| + | |
- | width: 960px;
| + | |
- | }
| + | |
- | div.broken,
| + | |
- | div.missing {
| + | |
- | margin: auto;
| + | |
- | position: relative;
| + | |
- | top: 50%;
| + | |
- | width: 193px;
| + | |
- | }
| + | |
- | div.broken a,
| + | |
- | div.missing a {
| + | |
- | height: 63px;
| + | |
- | position: relative;
| + | |
- | top: -31px;
| + | |
- | }
| + | |
- | div.broken img,
| + | |
- | div.missing img {
| + | |
- | border-width: 0px;
| + | |
- | }
| + | |
- | div.broken {
| + | |
- | display: none;
| + | |
- | }
| + | |
- | div#unityPlayer {
| + | |
- | cursor: default;
| + | |
- | height: 600px;
| + | |
- | width: 960px;
| + | |
- | }
| + | |
- | -->
| + | |
- | </style>
| + | |
- | </head>
| + | |
- | <body>
| + | |
- | <p class="header"><span>Unity Web Player | </span>Plasmid Paul</p>
| + | |
- | <div class="content">
| + | |
- | <div id="unityPlayer">
| + | |
- | <div class="missing">
| + | |
- | <a href="http://unity3d.com/webplayer/" title="Unity Web Player. Install now!">
| + | |
- | <img alt="Unity Web Player. Install now!" src="http://webplayer.unity3d.com/installation/getunity.png" width="193" height="63" />
| + | |
- | </a>
| + | |
- | </div>
| + | |
- | <div class="broken">
| + | |
- | <a href="http://unity3d.com/webplayer/" title="Unity Web Player. Install now! Restart your browser after install.">
| + | |
- | <img alt="Unity Web Player. Install now! Restart your browser after install." src="http://webplayer.unity3d.com/installation/getunityrestart.png" width="193" height="63" />
| + | |
- | </a>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | <p class="footer">« created with <a href="http://unity3d.com/unity/" title="Go to unity3d.com">Unity</a> »</p>
| + | |
- | </body>
| + | |
- | </html> | + | |