Difference between revisions of "Team:ETH Zurich/Notebook"

 
(13 intermediate revisions by one other user not shown)
Line 1: Line 1:
 
{{ETH_Zurich}}
 
{{ETH_Zurich}}
 
<html>
 
<html>
−
<style>
+
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Team:ETH_Zurich/Notebook/notebookCalendarCSS?action=raw&ctype=text/css" />
−
.expContainer {
+
 
−
overflow:auto;
+
<script src="https://2015.igem.org/Template:ETH_Zurich/jqueryuiminJS?action=raw&ctype=text/javascript"></script>
−
}
+
 
−
</style>
+
−
<script src="https://2015.igem.org/Template:ETH_Zurich/jquery-ui-min.js?action=raw&ctype=text/javascript"></script>
+
 
<script>
 
<script>
 
var notes = "";
 
var notes = "";
 +
var datePicker;
 +
var notePad;
  
 
$(function() {
 
$(function() {
Line 14: Line 14:
 
         notes = response.replace(/\n/g,'\t');
 
         notes = response.replace(/\n/g,'\t');
 
     });
 
     });
 +
    datePicker = $( "#datepicker" );
 +
    notePad = document.getElementById('notes');
 
});
 
});
  
−
$(function() {
+
$(function() {       
 +
    datePicker.datepicker({
  
−
$( "#datepicker" ).datepicker({
+
        inline:true,
−
 
+
        firstDay:1,
−
inline:true,
+
        showOtherMonths:true,
−
firstDay:1,
+
        dateFormat: "dd/mm/yy",
−
showOtherMonths:true,
+
        minDate: "22/06/2015",
−
dateFormat: "dd/mm/yy",
+
        maxDate: "18/09/2015",
−
minDate: "22/06/2015",
+
        onSelect: function(dateText,inst) {
−
maxDate: "18/09/2015",
+
            var re = new RegExp(dateText + ".*?(?=<\/p>)");
−
onSelect: function(dateText,inst) {
+
            var toShow = notes.match(re);
−
 
+
            notePad.innerHTML = (toShow == null) ? dateText+"<br><br><p>We did nothing on this day...yes...absolutely nothing...</p>" : toShow;
−
var re = new RegExp([dateText,".*?(?=<\/p>)"].join(""));
+
        }
−
var toShow = notes.match(re);
+
    });
−
if (toShow == null) {
+
−
document.getElementById('notes').innerHTML = dateText + "<br><br>Nothing happened on this day...yes...absolutely nothing.";
+
−
} else {
+
−
document.getElementById('notes').innerHTML = toShow;
+
−
}
+
−
 
+
−
 
+
−
 
+
−
/*
+
−
$.get("https://2015.igem.org/Team:ETH_Zurich/Notebook/Text?action=raw&ctype=text/javascript", function(response) {
+
−
response = response.replace(/\n/g,'\t');
+
−
var re = new RegExp([dateText,".*?(?=<\/p>)"].join(""));
+
−
var toShow = response.match(re);
+
−
if (toShow == null) {
+
−
document.getElementById('notes').innerHTML = dateText + "<br><br>Nothing happened on this day...yes...absolutely nothing.";
+
−
} else {
+
−
document.getElementById('notes').innerHTML = toShow;
+
−
}
+
 
});
 
});
−
*/
+
</script>
  
  
 +
<div class="expContainer" style=position:relative>
  
  
 +
<h1>Notebook</h1>
  
−
}
+
<!--[if gte IE 9]><!-->
−
});
+
<!--<div class="imgBox">-->
−
  });
+
<a href="https://static.igem.org/mediawiki/2015/f/f7/Notebook.svg">
−
  </script>
+
<object class="svg" data="https://static.igem.org/mediawiki/2015/f/f7/Notebook.svg" type="image/svg+xml" width="12%" style="position:absolute;top:100px;right:44%">
−
<!--<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:ETH_Zurich/jquery-ui-smoothness.css?action=raw&ctype=text/css" />-->
+
</object></a>
−
<style>
+
<!--</div>-->
−
#notes {
+
<!--<![endif]-->
−
float:left;
+
<!--[if lte IE 8]>
−
margin:10px;
+
<![endif]-->
−
padding:5px;
+
<p></p>
−
width:45%;
+
<p></p>
−
}
+
<p></p>
−
#datepicker {
+
−
float:right;
+
−
margin:10px;
+
−
width:45%;
+
−
}
+
−
.ui-icon {
+
−
display: block;
+
−
text-indent: -99999px;
+
−
overflow: hidden;
+
−
background-repeat: no-repeat;
+
−
width: 16px;
+
−
}
+
−
.ui-datepicker .ui-datepicker-calendar {
+
−
width:100% !important;
+
−
}
+
−
.ui-corner-all {
+
−
width:100%;
+
−
}
+
−
.ui-datepicker {
+
−
width: 14%
+
−
/*padding: .2em .2em 0;*/
+
−
display: none;
+
−
}
+
−
.ui-corner-all,
+
−
.ui-corner-top,
+
−
.ui-corner-left,
+
−
.ui-corner-tl {
+
−
border-top-left-radius: 4px;
+
−
}
+
−
.ui-corner-all,
+
−
.ui-corner-top,
+
−
.ui-corner-right,
+
−
.ui-corner-tr {
+
−
border-top-right-radius: 4px;
+
−
}
+
−
.ui-corner-all,
+
−
.ui-corner-bottom,
+
−
.ui-corner-left,
+
−
.ui-corner-bl {
+
−
border-bottom-left-radius: 4px;
+
−
}
+
−
.ui-corner-all,
+
−
.ui-corner-bottom,
+
−
.ui-corner-right,
+
−
.ui-corner-br {
+
−
border-bottom-right-radius: 4px;
+
−
}
+
−
.ui-widget-content{
+
−
border: 1px solid #aaaaaa;
+
−
}
+
−
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
+
−
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
+
−
.ui-icon {
+
−
background-image: url("https://static.igem.org/mediawiki/2015/a/aa/Ui-icons_222222_256x240.png");
+
−
}
+
−
.ui-datepicker .ui-datepicker-header {
+
−
position: relative;
+
−
/*padding: .2em 0;*/
+
−
}
+
−
.ui-datepicker .ui-datepicker-prev,
+
−
.ui-datepicker .ui-datepicker-next {
+
−
position: absolute;
+
−
width: 1.8em;
+
−
height: 100%;
+
−
        cursor: pointer; cursor: hand;
+
−
}
+
−
.ui-datepicker .ui-datepicker-prev-hover,
+
−
.ui-datepicker .ui-datepicker-next-hover {
+
−
/*top: 1px;*/
+
−
}
+
−
.ui-datepicker .ui-datepicker-prev {
+
−
left: 2px;
+
−
}
+
−
.ui-datepicker .ui-datepicker-next {
+
−
right: 2px;
+
−
}
+
−
/*.ui-datepicker .ui-datepicker-prev-hover {
+
−
left: 1px;
+
−
}
+
−
.ui-datepicker .ui-datepicker-next-hover {
+
−
right: 1px;
+
−
}*/
+
−
.ui-datepicker .ui-datepicker-prev span,
+
−
.ui-datepicker .ui-datepicker-next span {
+
−
display: block;
+
−
position: absolute;
+
−
left: 50%;
+
−
margin-left: -8px;
+
−
top: 50%;
+
−
margin-top: -8px;
+
−
        -webkit-touch-callout: none;
+
−
        -webkit-user-select: none;
+
−
        -khtml-user-select: none;
+
−
        -moz-user-select: none;
+
−
        -ms-user-select: none;
+
−
        user-select: none;
+
−
}
+
−
.ui-state-hover {
+
−
/*border: 1px solid #999999;*/
+
−
background: #dadada url("https://static.igem.org/mediawiki/2015/4/47/Ui-bg_glass_75_dadada_1x400.png") 50%
+
−
}
+
−
.ui-state-default {
+
−
        padding:2px;
+
−
}
+
−
.ui-widget-header {
+
−
background: #cccccc url("https://static.igem.org/mediawiki/2015/f/f8/Ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x;
+
−
color: #222222;
+
−
font-weight: bold;
+
−
}
+
−
.ui-datepicker .ui-datepicker-title {
+
−
margin: 0 2.3em;
+
−
line-height: 1.8em;
+
−
text-align: center;
+
−
}
+
  
 +
<p></p>
 +
<p></p>
 +
<p></p>
 +
<p></p>
 +
<p></p>
 +
<p></p>
 +
<p></p>
 +
<p></p>
 +
<p></p>
 +
<p></p>
 +
<p></p>
 +
<p></p>
  
−
</style>
 
−
<!-- Start of content -->
 
−
<div class="expContainer"> <!--The closing tag for contentContainer should be placed at the bottom of each content page.-->
 
  
−
 
−
<h1>Notebook</h1>
 
  
 
<div id="datepicker">
 
<div id="datepicker">
Line 197: Line 77:
 
</div>
 
</div>
  
−
<!--
 
−
<p> Document the dates you worked on your project.</p>
 
−
 
−
<h5>What should this page have?</h5>
 
−
<ul>
 
−
<li>Chronological notes of what your team is doing.</li>
 
−
<li> Brief descriptions of daily important events.</li>
 
−
<li>Pictures of your progress. </li>
 
−
<li>Mention who participated in what task.</li>
 
−
</ul>
 
−
 
−
 
−
<h4>Inspiration</h4>
 
−
<p>You can see what others teams have done to organize their notes:</p>
 
  
−
<ul>
 
−
<li><a href="https://2014.igem.org/Team:ATOMS-Turkiye/Notebook">2014 ATOMS-Turkiye</a></li>
 
−
<li><a href="https://2014.igem.org/Team:Tec-Monterrey/ITESM14_project.html#tab_notebook">2014 Tec Monterrey</a></li>
 
−
<li><a href="https://2014.igem.org/Team:Kyoto/Notebook/Magnetosome_Formation#title">2014 Kyoto</a></li>
 
−
<li><a href="https://2014.igem.org/Team:Cornell/notebook">2014 Cornell</a></li>
 
−
</ul>-->
 
  
 
</div>
 
</div>
 
</html>
 
</html>
 +
{{:Template:ETH_Zurich/footer}}

Latest revision as of 13:43, 13 September 2015

"What I cannot create I do not understand."
- Richard Feynmann

Notebook

Select a day to see what our lab did that day.

We would like to thank our sponsors