"
Team:Michigan/Outreach
From 2013.igem.org
(Difference between revisions)
| Line 11: | Line 11: | ||
unityObjectUrl = unityObjectUrl.replace("http://", "https://ssl-"); | unityObjectUrl = unityObjectUrl.replace("http://", "https://ssl-"); | ||
document.write('<script type="text\/javascript" src="' + unityObjectUrl + '"><\/script>'); | document.write('<script type="text\/javascript" src="' + unityObjectUrl + '"><\/script>'); | ||
| + | --><!-- | ||
| + | var config = { | ||
| + | width: 960, | ||
| + | height: 600, | ||
| + | params: { enableDebugging:"0" } | ||
| + | |||
| + | }; | ||
| + | var u = new UnityObject2(config); | ||
| + | |||
| + | 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], http://sitemaker.umich.edu/synthetic.biology/files/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; | ||
| + | } | ||
--> | --> | ||
</script> | </script> | ||
Revision as of 21:09, 21 September 2013
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Unity Web Player | Plasmid Paul
