Team:Calgary/VGSandbox

From 2012.igem.org

(Difference between revisions)
 
(21 intermediate revisions not shown)
Line 1: Line 1:
-
<html>
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-
<body>
+
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
-
 
+
<head>
-
 
+
<title>iGEMGameV1_1</title>
-
Enter your weight in kilograms and your height in centimeters in the form below and press the "Let's see" button (Please read disclaimer below before using this form)
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-
 
+
<style type="text/css" media="screen">
-
<FORM NAME="BMI" method=POST>
+
html, body { height:100%; background-color: #ffffff;}
-
<TABLE border=1>
+
body { margin:0; padding:0; overflow:hidden; }
-
<TR>
+
#flashContent { width:100%; height:100%; }
-
<TD><DIV ALIGN=CENTER>Your Weight (kg)</DIV></TD>
+
</style>
-
<TD><DIV ALIGN=CENTER>Your Height (cm)</DIV></TD>
+
</head>
-
<TD><DIV ALIGN=CENTER>Your BMI</DIV></TD>
+
<body>
-
<TD><DIV ALIGN=CENTER>My Comment</DIV></TD>
+
<div id="flashContent">
-
</TR>
+
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="640" height="480" id="iGEMGameV1_1" align="middle">
-
 
+
<param name="movie" value="iGEMGameV1_1.swf" />
-
<TR>
+
<param name="quality" value="high" />
-
<TD><INPUT TYPE=TEXT NAME=weight  SIZE=10 onFocus="this.form.weight.value=''"></TD>
+
<param name="bgcolor" value="#ffffff" />
-
<TD><INPUT TYPE=TEXT NAME=height  SIZE=10 onFocus="this.form.height.value=''"></TD>
+
<param name="play" value="true" />
-
<TD><INPUT TYPE=TEXT NAME=bmi    SIZE=8 ></TD>
+
<param name="loop" value="true" />
-
<TD><INPUT TYPE=TEXT NAME=my_comment size=35></TD>
+
<param name="wmode" value="window" />
-
</TABLE>
+
<param name="scale" value="showall" />
-
 
+
<param name="menu" value="true" />
-
<P>
+
<param name="devicefont" value="false" />
-
<INPUT TYPE="button" VALUE="Let's see" onClick="computeform(this.form)">
+
<param name="salign" value="" />
-
<INPUT TYPE="reset" VALUE="Reset" onClick="ClearForm(this.form)">
+
<param name="allowScriptAccess" value="sameDomain" />
-
</FORM>
+
<!--[if !IE]>-->
-
 
+
<object type="application/x-shockwave-flash" data="iGEMGameV1_1.swf" width="640" height="480">
-
<HR>
+
<param name="movie" value="iGEMGameV1_1.swf" />
-
 
+
<param name="quality" value="high" />
-
 
+
<param name="bgcolor" value="#ffffff" />
-
<B>Disclaimer</B>: This form is based on the calculation of
+
<param name="play" value="true" />
-
<A HREF="http://phaster.com/unpretentious/bmi.html"><I>"Body Mass Index"</I></A>
+
<param name="loop" value="true" />
-
and is only meant to be a demonstration of how Javascript(tm) could be used
+
<param name="wmode" value="window" />
-
on a Web Page. Information it contains may not be accurate and is not designed
+
<param name="scale" value="showall" />
-
or intended to serve as medical advice. I am not liable for any physical or
+
<param name="menu" value="true" />
-
psychological damages suffered as a result of using this script.
+
<param name="devicefont" value="false" />
-
<p>This free script provided by
+
<param name="salign" value="" />
-
<a href="http://javascriptkit.com">JavaScript
+
<param name="allowScriptAccess" value="sameDomain" />
-
Kit</a></p>
+
<!--<![endif]-->
-
<hr>
+
<a href="http://www.adobe.com/go/getflash">
-
 
+
<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
-
<SCRIPT LANGUAGE="JAVASCRIPT">
+
</a>
-
<!-- hide this script tag's contents from old browsers
+
<!--[if !IE]>-->
-
 
+
</object>
-
//Body Mass calculator- by John Scott (johnscott03@yahoo.com)
+
<!--<![endif]-->
-
//Visit JavaScript Kit (http://javascriptkit.com) for script
+
</object>
-
//Credit must stay intact for use
+
</div>
-
 
+
</body>
-
function ClearForm(form){
+
-
 
+
-
    form.weight.value = "";
+
-
    form.height.value = "";
+
-
    form.bmi.value = "";
+
-
    form.my_comment.value = "";
+
-
 
+
-
}
+
-
 
+
-
function bmi(weight, height) {
+
-
 
+
-
          bmindx=weight/eval(height*height);
+
-
          return bmindx;
+
-
}
+
-
 
+
-
function checkform(form) {
+
-
 
+
-
      if (form.weight.value==null||form.weight.value.length==0 || form.height.value==null||form.height.value.length==0){
+
-
            alert("\nPlease complete the form first");
+
-
            return false;
+
-
      }
+
-
 
+
-
      else if (parseFloat(form.height.value) <= 0||
+
-
                parseFloat(form.height.value) >=500||
+
-
                parseFloat(form.weight.value) <= 0||
+
-
                parseFloat(form.weight.value) >=500){
+
-
                alert("\nReally know what you're doing? \nPlease enter values again. \nWeight in kilos and \nheight in cm");
+
-
                ClearForm(form);
+
-
                return false;
+
-
      }
+
-
      return true;
+
-
 
+
-
}
+
-
 
+
-
function computeform(form) {
+
-
 
+
-
      if (checkform(form)) {
+
-
 
+
-
      yourbmi=Math.round(bmi(form.weight.value, form.height.value/100));
+
-
      form.bmi.value=yourbmi;
+
-
 
+
-
      if (yourbmi >40) {
+
-
          form.my_comment.value="You are grossly obese, consult your physician!";
+
-
      }
+
-
 
+
-
      else if (yourbmi >30 && yourbmi <=40) {
+
-
          form.my_comment.value="Umm... You are obese, want some liposuction?";
+
-
      }
+
-
 
+
-
      else if (yourbmi >27 && yourbmi <=30) {
+
-
          form.my_comment.value="You are very fat, do something before it's too late";
+
-
      }
+
-
 
+
-
      else if (yourbmi >22 && yourbmi <=27) {
+
-
          form.my_comment.value="You are fat, need dieting and exercise";
+
-
      }
+
-
 
+
-
      else if (yourbmi >=21 && yourbmi <=22) {
+
-
          form.my_comment.value="I envy you. Keep it up!!";
+
-
      }
+
-
 
+
-
      else if (yourbmi >=18 && yourbmi <21) {
+
-
          form.my_comment.value="You are thin, eat more.";
+
-
      }
+
-
 
+
-
      else if (yourbmi >=16 && yourbmi <18) {
+
-
          form.my_comment.value="You are starving. Go Find some food!";
+
-
      }
+
-
 
+
-
      else if (yourbmi <16) {
+
-
          form.my_comment.value="You're grossly undernourished, need hospitalization ";
+
-
      }
+
-
 
+
-
      }
+
-
      return;
+
-
}
+
-
// -- done hiding from old browsers -->
+
-
</SCRIPT>
+
-
 
+
-
 
+
-
<video width="320" height="240" controls="controls">
+
-
  <source src="https://static.igem.org/mediawiki/2012/7/74/UCalgary2012_Html5TestMov.mov"/>
+
-
Your browser does not support the video tag.
+
-
</video>
+
-
 
+
-
 
+
-
</body>
+
</html>
</html>

Latest revision as of 21:54, 7 September 2012

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