Team:Edinburgh/Ethics

From 2009.igem.org

(Difference between revisions)
 
(20 intermediate revisions not shown)
Line 20: Line 20:
background-image: url(https://static.igem.org/mediawiki/2009/a/a0/EthicsMain3.jpg);
background-image: url(https://static.igem.org/mediawiki/2009/a/a0/EthicsMain3.jpg);
height: 251px;
height: 251px;
-
width: 674px;
+
width: 676px;
}
}
Line 28: Line 28:
<title>Ethical interactive element</title>
<title>Ethical interactive element</title>
<link href="styles.css" rel="stylesheet" type="text/css">
<link href="styles.css" rel="stylesheet" type="text/css">
-
<script language="JavaScript" type="text/javascript">
 
-
<!--
 
-
//v1.7
 
-
// Flash Player Version Detection
 
-
// Detect Client Browser type
 
-
// Copyright 2005-2008 Adobe Systems Incorporated.  All rights reserved.
 
-
var isIE  = (navigator.appVersion.indexOf("MSIE") != -1) ? true : false;
 
-
var isWin = (navigator.appVersion.toLowerCase().indexOf("win") != -1) ? true : false;
 
-
var isOpera = (navigator.userAgent.indexOf("Opera") != -1) ? true : false;
 
-
function ControlVersion()
 
-
{
 
-
var version;
 
-
var axo;
 
-
var e;
 
-
// NOTE : new ActiveXObject(strFoo) throws an exception if strFoo isn't in the registry
 
-
try {
 
-
// version will be set for 7.X or greater players
 
-
axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.7");
 
-
version = axo.GetVariable("$version");
 
-
} catch (e) {
 
-
}
 
-
if (!version)
 
-
{
 
-
try {
 
-
// version will be set for 6.X players only
 
-
axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.6");
 
-
 
-
// installed player is some revision of 6.0
 
-
// GetVariable("$version") crashes for versions 6.0.22 through 6.0.29,
 
-
// so we have to be careful.
 
-
 
-
// default to the first public version
 
-
version = "WIN 6,0,21,0";
 
-
// throws if AllowScripAccess does not exist (introduced in 6.0r47)
 
-
axo.AllowScriptAccess = "always";
 
-
// safe to call for 6.0r47 or greater
 
-
version = axo.GetVariable("$version");
 
-
} catch (e) {
 
-
}
 
-
}
 
-
if (!version)
 
-
{
 
-
try {
 
-
// version will be set for 4.X or 5.X player
 
-
axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.3");
 
-
version = axo.GetVariable("$version");
 
-
} catch (e) {
 
-
}
 
-
}
 
-
if (!version)
 
-
{
 
-
try {
 
-
// version will be set for 3.X player
 
-
axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.3");
 
-
version = "WIN 3,0,18,0";
 
-
} catch (e) {
 
-
}
 
-
}
 
-
if (!version)
 
-
{
 
-
try {
 
-
// version will be set for 2.X player
 
-
axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash");
 
-
version = "WIN 2,0,0,11";
 
-
} catch (e) {
 
-
version = -1;
 
-
}
 
-
}
 
-
 
-
return version;
 
-
}
 
-
// JavaScript helper required to detect Flash Player PlugIn version information
 
-
function GetSwfVer(){
 
-
// NS/Opera version >= 3 check for Flash plugin in plugin array
 
-
var flashVer = -1;
 
-
 
-
if (navigator.plugins != null && navigator.plugins.length > 0) {
 
-
if (navigator.plugins["Shockwave Flash 2.0"] || navigator.plugins["Shockwave Flash"]) {
 
-
var swVer2 = navigator.plugins["Shockwave Flash 2.0"] ? " 2.0" : "";
 
-
var flashDescription = navigator.plugins["Shockwave Flash" + swVer2].description;
 
-
var descArray = flashDescription.split(" ");
 
-
var tempArrayMajor = descArray[2].split(".");
 
-
var versionMajor = tempArrayMajor[0];
 
-
var versionMinor = tempArrayMajor[1];
 
-
var versionRevision = descArray[3];
 
-
if (versionRevision == "") {
 
-
versionRevision = descArray[4];
 
-
}
 
-
if (versionRevision[0] == "d") {
 
-
versionRevision = versionRevision.substring(1);
 
-
} else if (versionRevision[0] == "r") {
 
-
versionRevision = versionRevision.substring(1);
 
-
if (versionRevision.indexOf("d") > 0) {
 
-
versionRevision = versionRevision.substring(0, versionRevision.indexOf("d"));
 
-
}
 
-
}
 
-
var flashVer = versionMajor + "." + versionMinor + "." + versionRevision;
 
-
}
 
-
}
 
-
// MSN/WebTV 2.6 supports Flash 4
 
-
else if (navigator.userAgent.toLowerCase().indexOf("webtv/2.6") != -1) flashVer = 4;
 
-
// WebTV 2.5 supports Flash 3
 
-
else if (navigator.userAgent.toLowerCase().indexOf("webtv/2.5") != -1) flashVer = 3;
 
-
// older WebTV supports Flash 2
 
-
else if (navigator.userAgent.toLowerCase().indexOf("webtv") != -1) flashVer = 2;
 
-
else if ( isIE && isWin && !isOpera ) {
 
-
flashVer = ControlVersion();
 
-
}
 
-
return flashVer;
 
-
}
 
-
// When called with reqMajorVer, reqMinorVer, reqRevision returns true if that version or greater is available
 
-
function DetectFlashVer(reqMajorVer, reqMinorVer, reqRevision)
 
-
{
 
-
versionStr = GetSwfVer();
 
-
if (versionStr == -1 ) {
 
-
return false;
 
-
} else if (versionStr != 0) {
 
-
if(isIE && isWin && !isOpera) {
 
-
// Given "WIN 2,0,0,11"
 
-
tempArray        = versionStr.split(" "); // ["WIN", "2,0,0,11"]
 
-
tempString        = tempArray[1]; // "2,0,0,11"
 
-
versionArray      = tempString.split(","); // ['2', '0', '0', '11']
 
-
} else {
 
-
versionArray      = versionStr.split(".");
 
-
}
 
-
var versionMajor      = versionArray[0];
 
-
var versionMinor      = versionArray[1];
 
-
var versionRevision  = versionArray[2];
 
-
        // is the major.revision >= requested major.revision AND the minor version >= requested minor
 
-
if (versionMajor > parseFloat(reqMajorVer)) {
 
-
return true;
 
-
} else if (versionMajor == parseFloat(reqMajorVer)) {
 
-
if (versionMinor > parseFloat(reqMinorVer))
 
-
return true;
 
-
else if (versionMinor == parseFloat(reqMinorVer)) {
 
-
if (versionRevision >= parseFloat(reqRevision))
 
-
return true;
 
-
}
 
-
}
 
-
return false;
 
-
}
 
-
}
 
-
function AC_AddExtension(src, ext)
 
-
{
 
-
  if (src.indexOf('?') != -1)
 
-
    return src.replace(/\?/, ext+'?');
 
-
  else
 
-
    return src + ext;
 
-
}
 
-
function AC_Generateobj(objAttrs, params, embedAttrs)
 
-
{
 
-
  var str = '';
 
-
  if (isIE && isWin && !isOpera)
 
-
  {
 
-
    str += '<object ';
 
-
    for (var i in objAttrs)
 
-
    {
 
-
      str += i + '="' + objAttrs[i] + '" ';
 
-
    }
 
-
    str += '>';
 
-
    for (var i in params)
 
-
    {
 
-
      str += '<param name="' + i + '" value="' + params[i] + '" /> ';
 
-
    }
 
-
    str += '</object>';
 
-
  }
 
-
  else
 
-
  {
 
-
    str += '<embed ';
 
-
    for (var i in embedAttrs)
 
-
    {
 
-
      str += i + '="' + embedAttrs[i] + '" ';
 
-
    }
 
-
    str += '> </embed>';
 
-
  }
 
-
  document.write(str);
 
-
}
 
-
function AC_FL_RunContent(){
 
-
  var ret =
 
-
    AC_GetArgs
 
-
    (  arguments, ".swf", "movie", "clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
 
-
    , "application/x-shockwave-flash"
 
-
    );
 
-
  AC_Generateobj(ret.objAttrs, ret.params, ret.embedAttrs);
 
-
}
 
-
function AC_SW_RunContent(){
 
-
  var ret =
 
-
    AC_GetArgs
 
-
    (  arguments, ".dcr", "src", "clsid:166B1BCA-3F9C-11CF-8075-444553540000"
 
-
    , null
 
-
    );
 
-
  AC_Generateobj(ret.objAttrs, ret.params, ret.embedAttrs);
 
-
}
 
-
function AC_GetArgs(args, ext, srcParamName, classid, mimeType){
 
-
  var ret = new Object();
 
-
  ret.embedAttrs = new Object();
 
-
  ret.params = new Object();
 
-
  ret.objAttrs = new Object();
 
-
  for (var i=0; i < args.length; i=i+2){
 
-
    var currArg = args[i].toLowerCase();   
 
-
    switch (currArg){
 
-
      case "classid":
 
-
        break;
 
-
      case "pluginspage":
 
-
        ret.embedAttrs[args[i]] = args[i+1];
 
-
        break;
 
-
      case "src":
 
-
      case "movie":
 
-
        args[i+1] = AC_AddExtension(args[i+1], ext);
 
-
        ret.embedAttrs["src"] = args[i+1];
 
-
        ret.params[srcParamName] = args[i+1];
 
-
        break;
 
-
      case "onafterupdate":
 
-
      case "onbeforeupdate":
 
-
      case "onblur":
 
-
      case "oncellchange":
 
-
      case "onclick":
 
-
      case "ondblclick":
 
-
      case "ondrag":
 
-
      case "ondragend":
 
-
      case "ondragenter":
 
-
      case "ondragleave":
 
-
      case "ondragover":
 
-
      case "ondrop":
 
-
      case "onfinish":
 
-
      case "onfocus":
 
-
      case "onhelp":
 
-
      case "onmousedown":
 
-
      case "onmouseup":
 
-
      case "onmouseover":
 
-
      case "onmousemove":
 
-
      case "onmouseout":
 
-
      case "onkeypress":
 
-
      case "onkeydown":
 
-
      case "onkeyup":
 
-
      case "onload":
 
-
      case "onlosecapture":
 
-
      case "onpropertychange":
 
-
      case "onreadystatechange":
 
-
      case "onrowsdelete":
 
-
      case "onrowenter":
 
-
      case "onrowexit":
 
-
      case "onrowsinserted":
 
-
      case "onstart":
 
-
      case "onscroll":
 
-
      case "onbeforeeditfocus":
 
-
      case "onactivate":
 
-
      case "onbeforedeactivate":
 
-
      case "ondeactivate":
 
-
      case "type":
 
-
      case "codebase":
 
-
      case "id":
 
-
        ret.objAttrs[args[i]] = args[i+1];
 
-
        break;
 
-
      case "width":
 
-
      case "height":
 
-
      case "align":
 
-
      case "vspace":
 
-
      case "hspace":
 
-
      case "class":
 
-
      case "title":
 
-
      case "accesskey":
 
-
      case "name":
 
-
      case "tabindex":
 
-
        ret.embedAttrs[args[i]] = ret.objAttrs[args[i]] = args[i+1];
 
-
        break;
 
-
      default:
 
-
        ret.embedAttrs[args[i]] = ret.params[args[i]] = args[i+1];
 
-
    }
 
-
  }
 
-
  ret.objAttrs["classid"] = classid;
 
-
  if (mimeType) ret.embedAttrs["type"] = mimeType;
 
-
  return ret;
 
-
}
 
-
// -->
 
-
</script>
 
-
<script language="JavaScript" type="text/javascript">
 
-
<!--
 
-
// -----------------------------------------------------------------------------
 
-
// Globals
 
-
// Major version of Flash required
 
-
var requiredMajorVersion = 9;
 
-
// Minor version of Flash required
 
-
var requiredMinorVersion = 0;
 
-
// Revision of Flash required
 
-
var requiredRevision = 115;
 
-
// -----------------------------------------------------------------------------
 
-
// -->
 
-
</script>
 
</head>
</head>
-
<body bgcolor="#d6e4d5">
 
-
Use the fullscreen button to experience the most of the interactive element. <br /><br />
+
<body bgcolor="#84c5c6">
-
<!--url's used in the movie-->
+
<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" ID=movie WIDTH=950 HEIGHT=600 allowFullScreen="true">
-
<!--text used in the movie-->
+
<PARAM NAME=movie VALUE="https://static.igem.org/mediawiki/2009/e/ed/Main.swf">
-
<!--
+
<PARAM NAME=menu VALUE=false>
-
<p align="left"><font face="Square721 BT" size="24" color="#ffffff" letterSpacing="0.000000" kerning="0">PhotoGalleryCreator</font></p>
+
<PARAM NAME=quality VALUE=best>
-
<p align="left"><font face="Semplice Regular_8pt_st" size="8" color="#ffffff" letterSpacing="0.000000" kerning="0">E-MAIL</font></p>
+
<PARAM NAME=bgcolor VALUE=#333366>
-
-->
+
  <embed src="https://static.igem.org/mediawiki/2009/e/ed/Main.swf" quality="best" bgcolor="#333366" allowFullScreen="true" menu="false" WIDTH="950" HEIGHT="550" TYPE="application/x-shockwave-flash"></EMBED>
-
<script language="JavaScript" type="text/javascript">
+
</OBJECT>  
-
<!--
+
-
var hasRightVersion = DetectFlashVer(requiredMajorVersion, requiredMinorVersion, requiredRevision);
+
-
if(hasRightVersion) { // if we've detected an acceptable version
+
-
// embed the flash movie
+
-
AC_FL_RunContent(
+
-
'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,115,0',
+
-
'width', '950px',
+
-
'height', '600px',
+
-
'src', 'main',
+
-
'quality', 'high',
+
-
'pluginspage', 'http://www.adobe.com/go/getflashplayer',
+
-
'align', 'middle',
+
-
'play', 'true',
+
-
'loop', 'true',
+
-
'scale', 'noscale',
+
-
'wmode', 'window',
+
-
'devicefont', 'false',
+
-
'id', 'main',
+
-
'bgcolor', '#000000',
+
-
'name', 'main',
+
-
'menu', 'false',
+
-
'allowFullScreen', 'true',
+
-
'allowScriptAccess','sameDomain',
+
-
'movie', 'main',
+
-
'salign', ''
+
-
); //end AC code
+
-
} else {  // flash is too old or we can't detect the plugin
+
-
var alternateContent = 'Alternate HTML content should be placed here.'
+
-
+ 'This content requires the Adobe Flash Player.'
+
-
+ '<a href="http://www.adobe.com/go/getflashplayer/">Get Flash</a>';
+
-
document.write(alternateContent);  // insert non-flash content
+
-
}
+
-
// -->
+
-
</script>
+
-
<noscript>
+
-
// Provide alternate content for browsers that do not support scripting
+
-
// or for those that have scripting disabled.
+
-
  Alternate HTML content should be placed here. This content requires the Adobe Flash Player.
+
-
  <a href="http://www.adobe.com/go/getflashplayer/">Get Flash</a>
+
-
</noscript>
+
-
<br />
 
<br />
<br />
Line 376: Line 45:
</div>
</div>
 +
<form name="comment">
<table border="0" bgcolor="#84c5c6">
<table border="0" bgcolor="#84c5c6">
-
<tr>
+
<tr bgcolor="#84c5c6">
-
<td>
+
<td bgcolor="#84c5c6">
<div id="info_bg">
<div id="info_bg">
-
<table border="0">
+
<table border="0" bgcolor="#84c5c6" cellspacing="0" cellpadding="0">
-
<tr>
+
<tr bgcolor="#84c5c6">
-
<td>
+
<td bgcolor="#84c5c6">
<div style="margin-left:5px;margin-top:10px">
<div style="margin-left:5px;margin-top:10px">
<font family="Arial" style="font-size:12px">Your name:</font>
<font family="Arial" style="font-size:12px">Your name:</font>
</div>
</div>
</td>
</td>
-
<td>
+
<td bgcolor="#84c5c6">
<div style="margin-top:9px;"
<div style="margin-top:9px;"
<input type="text" size="25" style="background-color:#a7dfde;border:0">
<input type="text" size="25" style="background-color:#a7dfde;border:0">
Line 394: Line 64:
</tr>
</tr>
-
<tr>
+
<tr bgcolor="#84c5c6">
-
<td>
+
<td bgcolor="#84c5c6">
<div style="margin-left:5px">
<div style="margin-left:5px">
<font family="Arial" style="font-size:12px">Story card:</font>
<font family="Arial" style="font-size:12px">Story card:</font>
Line 401: Line 71:
</td>
</td>
-
<td>
+
<td bgcolor="#84c5c6">
<div size="25" style="margin-top:0px;">
<div size="25" style="margin-top:0px;">
<select style="border:0px;width:173px;background-color:#a7dfde;">
<select style="border:0px;width:173px;background-color:#a7dfde;">
Line 411: Line 81:
</tr>
</tr>
-
<tr height="20px">
+
<tr height="20px" bgcolor="#84c5c6">
-
<td colspan="2">
+
<td colspan="2" bgcolor="#84c5c6">
</td>
</td>
</tr>
</tr>
-
<tr>
+
<tr bgcolor="#84c5c6">
-
<td colspan="2">
+
<td colspan="2" bgcolor="#84c5c6">
<input type="radio" name="main" checked="true" onClick="document.comment.sub[0].disabled = true;document.comment.sub[1].disabled = true"><font family="Arial" style="font-size:12px">Comment</font></a>
<input type="radio" name="main" checked="true" onClick="document.comment.sub[0].disabled = true;document.comment.sub[1].disabled = true"><font family="Arial" style="font-size:12px">Comment</font></a>
<input type="radio" name="main" onClick="document.comment.sub[0].disabled = false;document.comment.sub[1].disabled = false"><font family="Arial" style="font-size:12px">Pro/Contra</font></a>
<input type="radio" name="main" onClick="document.comment.sub[0].disabled = false;document.comment.sub[1].disabled = false"><font family="Arial" style="font-size:12px">Pro/Contra</font></a>
Line 423: Line 93:
</tr>
</tr>
-
<tr>
+
<tr bgcolor="#84c5c6">
-
<td colspan="2">
+
<td colspan="2" bgcolor="#84c5c6">
<input type="radio" name="sub" disabled="true"><font family="Arial" style="font-size:12px">Pro</font></a>
<input type="radio" name="sub" disabled="true"><font family="Arial" style="font-size:12px">Pro</font></a>
<input type="radio" name="sub" disabled="true"><font family="Arial" style="font-size:12px">Contra</font></a>
<input type="radio" name="sub" disabled="true"><font family="Arial" style="font-size:12px">Contra</font></a>
Line 433: Line 103:
</div>
</div>
</td>
</td>
-
<td>
+
<td bgcolor="#84c5c6">
<div id="textarea_bg">
<div id="textarea_bg">
<textarea cols="81" rows="14" style="border:0px;margin-left:2px;margin-top:5px;background-color:#a7dfde;">
<textarea cols="81" rows="14" style="border:0px;margin-left:2px;margin-top:5px;background-color:#a7dfde;">
Line 441: Line 111:
</tr>
</tr>
</table>
</table>
 +
</form>
</body>
</body>
</html>
</html>

Latest revision as of 13:57, 10 August 2009

Ethical interactive element

Your name:
Story card:
Comment Pro/Contra
Pro Contra

Retrieved from "http://2009.igem.org/Team:Edinburgh/Ethics"