Team:TU Munich/lab/notebook

From 2011.igem.org

(Difference between revisions)
 
(149 intermediate revisions not shown)
Line 1: Line 1:
{{Team:TU_Munich/Header}}
{{Team:TU_Munich/Header}}
 +
<html>
<html>
-
<head>
+
 
-
<script>
+
<style>
-
$(function () {
+
.ui-tabs-hide {
-
    var tabContainers = $('div.tabs > div');
+
  display:none;  
-
   
+
}
-
    $('div.tabs ul.tabNavigation a').click(function () {
+
 
-
        tabContainers.hide().filter(this.hash).show();
+
.litab {
-
       
+
    background: none repeat scroll 0 0 #444444;
-
        $('div.tabs ul.tabNavigation a').removeClass('selected');
+
    display: block;
-
        $(this).addClass('selected');
+
    float: left;
-
       
+
    margin-left: 5px;
-
        return false;
+
     text-align: center;
-
     }).filter(':first').click();
+
    top: 0;
-
});
+
     margin-bottom: 0;
-
$(function () {
+
     padding:0 10px 0 10px;
-
     var tabs = [];
+
}
-
     var tabContainers = [];
+
 
-
    $('ul.tabs a').each(function () {
+
.ui-tabs-selected {
-
      // note that this only compares the pathname, not the entire url
+
    background: none repeat scroll 0 0 #d15353;
-
      // which actually may be required for a more terse solution.
+
}
-
        if (this.pathname == window.location.pathname) {
+
 
-
            tabs.push(this);
+
 
-
            tabContainers.push($(this.hash).get(0));
+
fieldset {
-
        }
+
    border: 1px none;
-
     });
+
    line-height: 1.2em;
-
   
+
     margin-bottom: 0.5em;
-
    $(tabs).click(function () {
+
}
-
        // hide all tabs
+
 
-
        $(tabContainers).hide().filter(this.hash).show();
+
#tabs .litab a:link {color:#CCCCCC;}
-
       
+
#tabs .litab a:visited {color:#CCCCCC;}
-
        // set up the selected class
+
#tabs .litab a:hover {text-decoration:none;}
-
        $(tabs).removeClass('selected');
+
 
-
        $(this).addClass('selected');
+
#tabs .ui-tabs-selected a:link {color:#f6b297;}
-
       
+
#tabs .ui-tabs-selected a:visited {color:#f6b297;}
-
        return false;
+
 
-
    });
+
.tabcontent {
-
});
+
      border-color: #d15353;
-
</script>
+
      padding-top:10px;
-
</head>
+
      height:900px;
 +
      overflow:auto;
 +
      display:block;
 +
      margin-top:25px;
 +
}
 +
 
 +
 
 +
</style>
 +
 
 +
 
 +
<script src="https://2011.igem.org/Team:TU_Munich/jquery.getUrlParam.js?action=raw&ctype=text/js" type="text/javascript"></script>
 +
<script src="https://2011.igem.org/Team:TU_Munich/jquery.scrollTo-min.js?action=raw&ctype=text/js" type="text/javascript"></script>
<body>
<body>
<div id="labbook" class="content">
<div id="labbook" class="content">
-
  <div class="subcontent ui-corner-all sublab">
+
  <div class="subcontent ui-corner-all sublab" style="height:1170px;display:block">
-
   <div style="clear:both;display:block;height:200px;">
+
   <div style="clear:both;display:block;">
   <h1>Labbook</h1>
   <h1>Labbook</h1>
<script>
<script>
Line 53: Line 65:
"Couldn't load this tab. We'll try to fix this as soon as possible. ");
"Couldn't load this tab. We'll try to fix this as soon as possible. ");
}
}
 +
},
 +
            load: function(event, ui) {
 +
$('.labcheckbox').each(function() {
 +
  if ($(this).is(':checked')){
 +
    $('.'+this.value).css({display: 'block'})
 +
  } else {
 +
    $('.'+this.value).css({display: 'none'})
 +
  }
 +
});
}
}
});
});
Line 58: Line 79:
</script>
</script>
-
<div id='labmenu' class='' style="float:left;width:200px;">
+
<div id='labmenu' class=''>
 +
<script>
 +
$(document).ready(function() {
-
</div>
+
$('.labcheckbox').each(function() {
 +
  if ($(this).is(':checked')){
 +
  $('.'+this.value).css({display: 'block'})
 +
  } else {
 +
  $('.'+this.value).css({display: 'none'})
 +
  }
 +
});
-
<div id="tabs" class="ui-tabs ui-widget ui-widget-content" style="float:right;width:700px;">
+
$('.labcheckbox').click(function() {
-
<ul class="ultopic tabNavigation">
+
  if ($(this).is(':checked')){
-
<li class="litopic ui-corner-all" title="labbookContent"><a href="https://2011.igem.org/Team:TU_Munich/lab/notebook/solidmatrix?action=raw">SM Experiments</a></li>
+
  $('.'+this.value).css({display: 'block'})
-
<li class="litopic ui-corner-all" title="labbookContent"><a href="https://2011.igem.org/Team:TU_Munich/lab/notebook/part1?action=raw">Labbook Part 1</a></li>
+
  } else {
-
<li class="litopic ui-corner-all" title="labbookContent"><a href="https://2011.igem.org/Team:TU_Munich/lab/notebook/part2?action=raw">Labbook Part 2</a></li>
+
  $('.'+this.value).css({display: 'none'})
-
<li class="litopic ui-corner-all" title="labbookContent"><a href="https://2011.igem.org/Team:TU_Munich/lab/notebook/part3?action=raw">Labbook Part 3</a></li>
+
  }
 +
});
 +
});
 +
</script>
 +
 
 +
 
 +
<p>See <b>Methods</b> for a detailed description of the protocols we used. Solid Matrix enlists our experiments to find the optimal gel for our and gate. <b>Lightbox</b> describes the setup of the lightbox that was used to irradiate the bacteria at different wavelengths. <b>Cloning I</b> and <b>Cloning II</b> show our unsuccessful attempts to clone our construct. Finally <b>Cloning III + Results</b> displays our successful cloning attempts and our procedural method to characterize the parts. All work done after the European Jamboree is explained in <b>Cloning IV + Results</b>.</p>
 +
<p><b>To navigate the labbook more quickly, you can hide the different categories by deselecting them below.</b></p>
 +
<p><b>Click on the Images to enlarge them.</b></p>
 +
        <form id="labselect"><fieldset class="ui-widget ui-widget-content ui-corner-all">
 +
        <b>Display:</b>
 +
<input class="labcheckbox" type="checkbox" name="category" value="results" id="ui-test1" checked="checked"/>Results
 +
<input class="labcheckbox" type="checkbox" name="category" value="cloning" id="ui-test2" checked="checked"/>Cloning
 +
<input class="labcheckbox" type="checkbox" name="category" value="testing" id="ui-test3" checked="checked"/>Testing
 +
<input class="labcheckbox" type="checkbox" name="category" value="otherwork" id="ui-test4" checked="checked"/>Other Work
 +
        </form>
 +
 
 +
</div>
 +
<div id="tabs" class="ui-tabs ui-widget ui-widget-content" style="clear:both">
 +
<ul class="ultopic">
 +
                <li class="litab ui-corner-top" title="labbookContent"><a href="https://2011.igem.org/Team:TU_Munich/lab/notebook/methods?action=raw">Methods</a></li>
 +
<li class="litab ui-corner-top" title="labbookContent"><a href="https://2011.igem.org/Team:TU_Munich/lab/notebook/solidmatrix?action=raw">Solid Matrix</a></li>
 +
                <li class="litab ui-corner-top" title="labbookContent"><a href="https://2011.igem.org/Team:TU_Munich/lab/notebook/lightbox?action=raw">Lightbox</a></li>
 +
<li class="litab ui-corner-top" title="labbookContent"><a href="https://2011.igem.org/Team:TU_Munich/lab/notebook/part1?action=raw">Cloning I</a></li>
 +
<li class="litab ui-corner-top" title="labbookContent"><a href="https://2011.igem.org/Team:TU_Munich/lab/notebook/part2?action=raw">Cloning II</a></li>
 +
<li class="litab ui-corner-top" title="labbookContent"><a href="https://2011.igem.org/Team:TU_Munich/lab/notebook/part3?action=raw">Cloning III & Results</a></li>
 +
<li class="litab ui-corner-top" title="labbookContent"><a href="https://2011.igem.org/Team:TU_Munich/lab/notebook/part4?action=raw">Cloning IV & Results</a></li>
</ul>
</ul>
-
         <div id="labbookContent" style="clear:both;padding-top:10px;height:1000px;overflow:auto;display:block">
+
         <div id="labbookContent" style="clear:both;">
           <div id="ui-tabs-1" class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide"></div>
           <div id="ui-tabs-1" class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide"></div>
           <div id="ui-tabs-2" class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide"></div>
           <div id="ui-tabs-2" class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide"></div>

Latest revision as of 22:20, 28 October 2011

Labbook

See Methods for a detailed description of the protocols we used. Solid Matrix enlists our experiments to find the optimal gel for our and gate. Lightbox describes the setup of the lightbox that was used to irradiate the bacteria at different wavelengths. Cloning I and Cloning II show our unsuccessful attempts to clone our construct. Finally Cloning III + Results displays our successful cloning attempts and our procedural method to characterize the parts. All work done after the European Jamboree is explained in Cloning IV + Results.

To navigate the labbook more quickly, you can hide the different categories by deselecting them below.

Click on the Images to enlarge them.

Display: Results Cloning Testing Other Work