Difference between revisions of "Team:NYU Shanghai/Protocols"

Line 93: Line 93:
 
     };
 
     };
 
   }
 
   }
−
   function expandSOC() {
+
   function expandrd() {
−
     if (document.getElementById("SOC").className === "collapsed") {
+
     if (document.getElementById("rd").className === "collapsed") {
−
       document.getElementById("SOC").style.color = "#d66";
+
       document.getElementById("rd").style.color = "#d66";
−
       document.getElementById("SOCText").style.display = "inline-block";
+
       document.getElementById("rdText").style.display = "inline-block";
−
       document.getElementById("SOC").className = "expanded";
+
       document.getElementById("rd").className = "expanded";
 
     } else{
 
     } else{
−
       document.getElementById("SOC").style.color = "white";
+
       document.getElementById("rd").style.color = "white";
−
       document.getElementById("SOCText").style.display = "none";
+
       document.getElementById("rdText").style.display = "none";
−
       document.getElementById("SOC").className = "collapsed";
+
       document.getElementById("rd").className = "collapsed";
 
     };
 
     };
 
   }
 
   }
−
   function expandSOC() {
+
   function expandligate() {
−
     if (document.getElementById("SOC").className === "collapsed") {
+
     if (document.getElementById("ligate").className === "collapsed") {
−
       document.getElementById("SOC").style.color = "#d66";
+
       document.getElementById("ligate").style.color = "#d66";
−
       document.getElementById("SOCText").style.display = "inline-block";
+
       document.getElementById("ligateText").style.display = "inline-block";
−
       document.getElementById("SOC").className = "expanded";
+
       document.getElementById("ligate").className = "expanded";
 
     } else{
 
     } else{
−
       document.getElementById("SOC").style.color = "white";
+
       document.getElementById("ligate").style.color = "white";
−
       document.getElementById("SOCText").style.display = "none";
+
       document.getElementById("ligateText").style.display = "none";
−
       document.getElementById("SOC").className = "collapsed";
+
       document.getElementById("ligate").className = "collapsed";
 
     };
 
     };
 
   }
 
   }
−
   function expandSOC() {
+
   function expandgel() {
−
     if (document.getElementById("SOC").className === "collapsed") {
+
     if (document.getElementById("gel").className === "collapsed") {
−
       document.getElementById("SOC").style.color = "#d66";
+
       document.getElementById("gel").style.color = "#d66";
−
       document.getElementById("SOCText").style.display = "inline-block";
+
       document.getElementById("gelText").style.display = "inline-block";
−
       document.getElementById("SOC").className = "expanded";
+
       document.getElementById("gel").className = "expanded";
 
     } else{
 
     } else{
−
       document.getElementById("SOC").style.color = "white";
+
       document.getElementById("gel").style.color = "white";
−
       document.getElementById("SOCText").style.display = "none";
+
       document.getElementById("gelText").style.display = "none";
−
       document.getElementById("SOC").className = "collapsed";
+
       document.getElementById("gel").className = "collapsed";
 +
    };
 +
  }
 +
  function expandgelex() {
 +
    if (document.getElementById("gelex").className === "collapsed") {
 +
      document.getElementById("gelex").style.color = "#d66";
 +
      document.getElementById("gelexText").style.display = "inline-block";
 +
      document.getElementById("gelex").className = "expanded";
 +
    } else{
 +
      document.getElementById("gelex").style.color = "white";
 +
      document.getElementById("gelexText").style.display = "none";
 +
      document.getElementById("gelex").className = "collapsed";
 +
    };
 +
  }
 +
  function expandPCR() {
 +
    if (document.getElementById("PCR").className === "collapsed") {
 +
      document.getElementById("PCR").style.color = "#d66";
 +
      document.getElementById("PCRText").style.display = "inline-block";
 +
      document.getElementById("PCR").className = "expanded";
 +
    } else{
 +
      document.getElementById("PCR").style.color = "white";
 +
      document.getElementById("PCRText").style.display = "none";
 +
      document.getElementById("PCR").className = "collapsed";
 +
    };
 +
  }
 +
  function expandPCRclean() {
 +
    if (document.getElementById("PCRclean").className === "collapsed") {
 +
      document.getElementById("PCRclean").style.color = "#d66";
 +
      document.getElementById("PCRcleanText").style.display = "inline-block";
 +
      document.getElementById("PCRclean").className = "expanded";
 +
    } else{
 +
      document.getElementById("PCRclean").style.color = "white";
 +
      document.getElementById("PCRcleanText").style.display = "none";
 +
      document.getElementById("PCRclean").className = "collapsed";
 
     };
 
     };
 
   }
 
   }
Line 161: Line 194:
  
 
<div>
 
<div>
−
   <h4>Transformation</h4>
+
   <h4>3A Assembly</h4>
 
</div>
 
</div>
  
Line 172: Line 205:
 
</div>
 
</div>
  
−
<div id="mp" class="collapsed" onclick="expandtransform()">
+
<div id="mp" class="collapsed" onclick="expandmp()">
 
  <h5 style="display:inline-block"><span class="noselect">Miniprep</span></h5>   
 
  <h5 style="display:inline-block"><span class="noselect">Miniprep</span></h5>   
 
  <br>
 
  <br>
Line 180: Line 213:
 
</div>
 
</div>
  
−
<div id="transform" class="collapsed" onclick="expandtransform()">
+
<div id="rd" class="collapsed" onclick="expandrd()">
−
  <h5 style="display:inline-block"><span class="noselect">SOC Media</span></h5>   
+
  <h5 style="display:inline-block"><span class="noselect">Restriction Digest</span></h5>   
 
  <br>
 
  <br>
−
  <p id="transformText" style="display:none">
+
  <p id="rdText" style="display:none">
−
     This is how you transform bacteria.
+
     This is how you do restriction digest.
 
</p>
 
</p>
 
</div>
 
</div>
  
 +
<div id="ligate" class="collapsed" onclick="expandligate()">
 +
<h5 style="display:inline-block"><span class="noselect">Ligation</span></h5> 
 +
<br>
 +
<p id="ligateText" style="display:none">
 +
    This is how you do ligation.
 +
</p>
 +
</div>
  
 +
<div id="gel" class="collapsed" onclick="expandgel()">
 +
<h5 style="display:inline-block"><span class="noselect">Gel Electrophoresis</span></h5> 
 +
<br>
 +
<p id="gelText" style="display:none">
 +
    This is how you do gel electrophoresis.
 +
</p>
 +
</div>
 +
 +
<div id="gelex" class="collapsed" onclick="expandgelex()">
 +
<h5 style="display:inline-block"><span class="noselect">Gel Extraction</span></h5> 
 +
<br>
 +
<p id="gelexText" style="display:none">
 +
    This is how you do gel extraction.
 +
</p>
 +
</div>
 +
 +
<div id="PCR" class="collapsed" onclick="expandPCR()">
 +
<h5 style="display:inline-block"><span class="noselect">PCR</span></h5> 
 +
<br>
 +
<p id="PCRText" style="display:none">
 +
    This is the conditions we used for PCR.
 +
</p>
 +
</div>
 +
 +
<div id="PCRclean" class="collapsed" onclick="expandPCRclean()">
 +
<h5 style="display:inline-block"><span class="noselect">PCR Cleanup</span></h5> 
 +
<br>
 +
<p id="PCRcleanText" style="display:none">
 +
    This is the conditions we used for PCR cleanup.
 +
</p>
 +
</div>
 
</html>
 
</html>

Revision as of 17:14, 11 September 2015

Protocols

Recipes

3A Assembly