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

m
 
(46 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" />
−
#contentContainer {
+
−
min-height:500px;
+
−
}
+
−
</style>
+
−
<script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
+
−
<script>
+
−
  $(function() {
+
  
−
$( "#datepicker" ).datepicker({
+
<script src="https://2015.igem.org/Template:ETH_Zurich/jqueryuiminJS?action=raw&ctype=text/javascript"></script>
−
inline:true,
+
−
firstDay:1,
+
−
showOtherMonths:true,
+
−
dateFormat: "dd/mm/yy",
+
−
onSelect: function(dateText,inst) {
+
  
−
$.get("https://2015.igem.org/Team:ETH_Zurich/Notebook/Text?action=raw&ctyle=text/javascript", function(response) {
+
<script>
−
response = response.replace(/\n/g,'\t');
+
var notes = "";
−
var re = new RegExp([dateText,".*?(?=<\/p>)"].join(""));
+
var datePicker;
−
var toShow = response.match(re);
+
var notePad;
−
if (toShow == null) {
+
−
document.getElementById('notes').innerHTML = dateText;
+
−
document.getElementById('notes').innerHTML += "<br><br>Nothing happened on this day...yes...absolutely nothing.";
+
−
} else {
+
−
document.getElementById('notes').innerHTML = toShow;
+
−
}
+
  
 +
$(function() {
 +
    $.get("https://2015.igem.org/Team:ETH_Zurich/Notebook/Text?action=raw&ctype=text/javascript", function(response) {
 +
        notes = response.replace(/\n/g,'\t');
 +
    });
 +
    datePicker = $( "#datepicker" );
 +
    notePad = document.getElementById('notes');
 +
});
  
 +
$(function() {       
 +
    datePicker.datepicker({
  
 +
        inline:true,
 +
        firstDay:1,
 +
        showOtherMonths:true,
 +
        dateFormat: "dd/mm/yy",
 +
        minDate: "22/06/2015",
 +
        maxDate: "18/09/2015",
 +
        onSelect: function(dateText,inst) {
 +
            var re = new RegExp(dateText + ".*?(?=<\/p>)");
 +
            var toShow = notes.match(re);
 +
            notePad.innerHTML = (toShow == null) ? dateText+"<br><br><p>We did nothing on this day...yes...absolutely nothing...</p>" : 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">
 +
<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%">
 +
</object></a>
 +
<!--</div>-->
 +
<!--<![endif]-->
 +
<!--[if lte IE 8]>
 +
<![endif]-->
 +
<p></p>
 +
<p></p>
 +
<p></p>
  
−
}
+
<p></p>
−
});
+
<p></p>
−
  });
+
<p></p>
−
  </script>
+
<p></p>
−
<!--<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:ETH_Zurich/jquery-ui-smoothness.css?action=raw&ctype=text/css" />-->
+
<p></p>
−
<style>
+
<p></p>
−
#notes {
+
<p></p>
−
float:left;
+
<p></p>
−
margin:10px;
+
<p></p>
−
padding:5px;
+
<p></p>
−
width:47%;
+
<p></p>
−
}
+
<p></p>
−
#datepicker {
+
−
float:right;
+
−
margin:10px;
+
−
width:47%;
+
−
}
+
−
.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("http://download.jqueryui.com/themeroller/images/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;
+
−
top: 2px;
+
−
width: 1.8em;
+
−
height: 1.8em;
+
−
}
+
−
.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;
+
−
}
+
−
.ui-state-hover {
+
−
border: 1px solid #999999;
+
−
background: #dadada url("http://download.jqueryui.com/themeroller/images/ui-bg_glass_75_dadada_1x400.png") 50%
+
−
}
+
−
.ui-widget-header {
+
−
border: 1px solid #aaaaaa;
+
−
background: #cccccc url("http://download.jqueryui.com/themeroller/images/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;
+
−
}
+
−
</style>
+
−
<!-- Start of content -->
+
−
<div id="contentContainer"> <!--The closing tag for contentContainer should be placed at the bottom of each content page.-->
+
  
  
−
<h2>Notebook</h2>
 
  
 
<div id="datepicker">
 
<div id="datepicker">
Line 159: Line 74:
 
<div id="notes" class="ui-corner-all ui-widget-content">
 
<div id="notes" class="ui-corner-all ui-widget-content">
 
Select a day to see what our lab did that day.
 
Select a day to see what our lab did that day.
 +
</div>
 
</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