Difference between revisions of "Team:SIAT-SCIE/Protocol"

 
(28 intermediate revisions by the same user not shown)
Line 13: Line 13:
 
         margin-left: auto;
 
         margin-left: auto;
 
         margin-right: auto;
 
         margin-right: auto;
         background-color: #F2E2C1;
+
         background-color: #FFFBF0;
 
     }
 
     }
  
 
     #comic p {
 
     #comic p {
         background-color: #F2E2C1;
+
         background-color: #FFFBF0;
 
         text-align: center;
 
         text-align: center;
 
     }
 
     }
Line 69: Line 69:
 
         <div id="menu" class="blocknoanimation">
 
         <div id="menu" class="blocknoanimation">
 
             <table>
 
             <table>
                 <caption style="font-family:'Comic Sans MS';font-size:20px;margin-bottom:10px;">Menu for protocols</caption>
+
                 <caption style="font-family:'Avenir';font-size:23px;margin-bottom:10px;">Menu for protocols</caption>
 
                 <tr id="indication">
 
                 <tr id="indication">
                     <td></td>
+
                      
                     <td style="font-family:'Comic Sans MS'">Protocol Name</td>
+
                     <td style="font-family:'Avenir' ;font-size:23px;margin:15px;">Protocol Name</td>
  
 
                 </tr>
 
                 </tr>
 
                 <tr>
 
                 <tr>
                     <td style="font-family:'Comic Sans MS'">1</td>
+
                   
                    <td style="font-family:'Comic Sans MS'"><a href="#Bacterial_Transformation">Bacterial Transformation</a></td>
+
                     <td style="font-family:'Avenir' ;font-size:23px;margin:15px;"><a href="https://static.igem.org/mediawiki/2017/8/86/SIAT-SCIE_Bacterial_Transformation.pdf" onclick="showup('Bacterial_Transformation');return false; ">Bacterial Transformation</a></td>
  
 
                 </tr>
 
                 </tr>
 
                  
 
                  
 
                 <tr>
 
                 <tr>
                     <td style="font-family:'Comic Sans MS'">2</td>
+
                   
                    <td style="font-family:'Comic Sans MS'"><a href="#General_Necessities" onlick="return false;">General Necessities</a></td>
+
                     <td style="font-family:'Avenir' ;font-size:23px;margin:15px;"><a href="https://static.igem.org/mediawiki/2017/8/82/SIAT-SCIE_General_necessities_.pdf" onclick="showup('General_Necessities');return false; ">General Necessities</a></td>
  
 
                 </tr>
 
                 </tr>
 
                 <tr>
 
                 <tr>
                     <td style="font-family:'Comic Sans MS'">3</td>
+
                   
                    <td style="font-family:'Comic Sans MS'"><a href="#PCR_Amplification">PCR Amplification</a></td>
+
                     <td style="font-family:'Avenir' ;font-size:23px;margin:15px;"><a href="https://static.igem.org/mediawiki/2017/e/ea/SIAT-SCIE_PCR_amplification.pdf" onclick="showup('PCR_Amplification');return false; ">PCR Amplification</a></td>
  
 
                 </tr>
 
                 </tr>
 
                 <tr>
 
                 <tr>
                     <td style="font-family:'Comic Sans MS'">4</td>
+
                   
                    <td style="font-family:'Comic Sans MS'"><a href="#PCR_Purification">PCR Purification</a></td>
+
                     <td style="font-family:'Avenir' ;font-size:23px;margin:15px;"><a href="https://static.igem.org/mediawiki/2017/0/0b/SIAT-SCIE_PCR_purification.pdf" onclick="showup('PCR_Purification');return false; ">PCR Purification</a></td>
  
 
                 </tr>
 
                 </tr>
 
                 <tr>
 
                 <tr>
                     <td style="font-family:'Comic Sans MS'">5</td>
+
                   
                    <td style="font-family:'Comic Sans MS'"><a href="#Picking_colony">Picking colony and colony PCR</a></td>
+
                     <td style="font-family:'Avenir' ;font-size:23px;margin:15px;"><a href="https://static.igem.org/mediawiki/2017/2/28/SIAT-SCIE_Picking_colony_and_colony_PCR.pdf" onclick="showup('Picking_colony');return false; ">Picking colony and colony PCR</a></td>
  
 
                 </tr>
 
                 </tr>
 
                 <tr>
 
                 <tr>
                     <td style="font-family:'Comic Sans MS'">6</td>
+
                   
                    <td style="font-family:'Comic Sans MS'"><a href="#Protein_Characterisation" >Protein Characterisation</a></td>
+
                     <td style="font-family:'Avenir' ;font-size:23px;margin:15px;"><a href="https://static.igem.org/mediawiki/2017/b/b9/SIAT-SCIE_Protein_Characterisation.pdf"  onclick="showup('Protein_Characterisation');return false; ">Protein Characterisation</a></td>
  
 
                 </tr>
 
                 </tr>
 
                 <tr>
 
                 <tr>
                     <td style="font-family:'Comic Sans MS'">7</td>
+
                   
                    <td style="font-family:'Comic Sans MS'"><a href="#Radiation_Resistance_Test">Radiation Resistance Test</a></td style="font-family:'Comic>
+
                     <td style="font-family:'Avenir' ;font-size:23px;margin:15px;"><a href="https://static.igem.org/mediawiki/2017/4/4f/SIAT-SCIE_Radiation_Resistance_Test.pdf" onclick="showup('Radiation_Resistance_Test');return false; ">Radiation Resistance Test</a></tdstyle="font-family:'Comic>
  
 
                 </tr>
 
                 </tr>
Line 114: Line 114:
 
         </div>
 
         </div>
  
         <div class=" block" id="Bacterial_Transformation">
+
         <div class="block" id="Bacterial_Transformation">
             <h2 style="font-family:'Comic Sans MS'">Bacterial Transformation</h2>
+
             <h2 style="font-family:'Avenir';font-size:23px">Bacterial Transformation</h2>
 
             <embed src="https://static.igem.org/mediawiki/2017/8/86/SIAT-SCIE_Bacterial_Transformation.pdf" alt="Bacterial_Transformation" />
 
             <embed src="https://static.igem.org/mediawiki/2017/8/86/SIAT-SCIE_Bacterial_Transformation.pdf" alt="Bacterial_Transformation" />
 
         </div>
 
         </div>
 
          
 
          
         <div class=" block" id="General_Necessities">
+
         <div class="block" id="General_Necessities">
             <h2 style="font-family:'Comic Sans MS'">General Necessities</h2>
+
             <h2 style="font-family:'Avenir';font-size:23px">General Necessities</h2>
 
             <embed src="https://static.igem.org/mediawiki/2017/8/82/SIAT-SCIE_General_necessities_.pdf" alt="General_Necessities" />
 
             <embed src="https://static.igem.org/mediawiki/2017/8/82/SIAT-SCIE_General_necessities_.pdf" alt="General_Necessities" />
 
         </div>
 
         </div>
         <div class=" block" id="PCR_Amplification">
+
         <div class="block" id="PCR_Amplification">
             <h2 style="font-family:'Comic Sans MS'">PCR Amplification</h2>
+
             <h2 style="font-family:'Avenir';font-size:23px">PCR Amplification</h2>
 
             <embed src="https://static.igem.org/mediawiki/2017/e/ea/SIAT-SCIE_PCR_amplification.pdf" alt="PCR_Amplification" />
 
             <embed src="https://static.igem.org/mediawiki/2017/e/ea/SIAT-SCIE_PCR_amplification.pdf" alt="PCR_Amplification" />
 
         </div>
 
         </div>
         <div class=" block" id="PCR_Purification">
+
         <div class="block" id="PCR_Purification">
             <h2 style="font-family:'Comic Sans MS'">PCR Purification</h2>
+
             <h2 style="font-family:'Avenir';font-size:23px">PCR Purification</h2>
 
             <embed src="https://static.igem.org/mediawiki/2017/0/0b/SIAT-SCIE_PCR_purification.pdf" alt="PCR_Purification" />
 
             <embed src="https://static.igem.org/mediawiki/2017/0/0b/SIAT-SCIE_PCR_purification.pdf" alt="PCR_Purification" />
 
         </div>
 
         </div>
         <div class=" block" id="Picking_colony">
+
         <div class="block" id="Picking_colony">
             <h2 style="font-family:'Comic Sans MS'">Picking colony</h2>
+
             <h2 style="font-family:'Avenir';font-size:23px">Picking colony</h2>
 
             <embed src="https://static.igem.org/mediawiki/2017/2/28/SIAT-SCIE_Picking_colony_and_colony_PCR.pdf" alt="Picking_colony" />
 
             <embed src="https://static.igem.org/mediawiki/2017/2/28/SIAT-SCIE_Picking_colony_and_colony_PCR.pdf" alt="Picking_colony" />
 
         </div>
 
         </div>
         <div class=" block" id="Protein_Characterisation">
+
         <div class="block" id="Protein_Characterisation">
             <h2 style="font-family:'Comic Sans MS'">Protein Characterisation</h2>
+
             <h2 style="font-family:'Avenir';font-size:23px">Protein Characterisation</h2>
 
             <embed src="https://static.igem.org/mediawiki/2017/b/b9/SIAT-SCIE_Protein_Characterisation.pdf" alt="Protein_Characterisation" />
 
             <embed src="https://static.igem.org/mediawiki/2017/b/b9/SIAT-SCIE_Protein_Characterisation.pdf" alt="Protein_Characterisation" />
 
         </div>
 
         </div>
         <div class=" block" id="Radiation_Resistance_Test">
+
         <div class="block" id="Radiation_Resistance_Test">
             <h2 style="font-family:'Comic Sans MS'">Radiation Resistance Test</h2>
+
             <h2 style="font-family:'Avenir';font-size:23px">Radiation Resistance Test</h2>
 
             <embed src="https://static.igem.org/mediawiki/2017/4/4f/SIAT-SCIE_Radiation_Resistance_Test.pdf" alt="Radiation_Resistance_Test" />
 
             <embed src="https://static.igem.org/mediawiki/2017/4/4f/SIAT-SCIE_Radiation_Resistance_Test.pdf" alt="Radiation_Resistance_Test" />
 
         </div>
 
         </div>
Line 149: Line 149:
 
<script>
 
<script>
 
     function showup(elementID) {
 
     function showup(elementID) {
         if (!document.getElementByID) return false;
+
         var all = document.getElementsByClassName('block');
         if (!document.getElementsByClassName) return false;
+
         for (var count = 0; count < all.length; count++) {
        if (!document.getElementsByClassName(" block")) return false;
+
           
         if (!document.getElementById(elementID)) return false;
+
            all[count].style.display = "none";
 +
         }
 +
       
 
         var elem = document.getElementById(elementID);
 
         var elem = document.getElementById(elementID);
        document.getElementsByClassName(" block").style.display = "none";
+
         elem.style.display = "block";
         elem.style.display = " block";
+
 
+
    }
+
    function prepare() {
+
        var links = document.getElementsByTagName('a');
+
        var blocks = document.getElementsByClassName('block');
+
        for (var i = 0; i < links; i++) {
+
            links[i].onlick = function () {
+
                showup(blocks[i].id)
+
            }
+
        }
+
    }
+
  
    function addLoadEvent(func) {
 
        var oldonload = window.onload;
 
        if (typeof window.onload != 'function') {
 
            window.onload = func;
 
        } else {
 
            winndow.onload = function () {
 
                oldonload();
 
                func();
 
            }
 
        }
 
 
     }
 
     }
     addLoadEvent(prepare());
+
      
  
 
</script>
 
</script>
 
</html>
 
</html>
 
{{SIAT-SCIE footer}}
 
{{SIAT-SCIE footer}}

Latest revision as of 07:53, 24 October 2017

comic

Bacterial Transformation

General Necessities

PCR Amplification

PCR Purification

Picking colony

Protein Characterisation

Radiation Resistance Test



footer