Difference between revisions of "Team:BOKU-Vienna/Notebook"

Line 1: Line 1:
  
 
{{BOKU-Vienna-header}}
 
{{BOKU-Vienna-header}}
{{ETH_Zurich}}
+
 
 
<html>
 
<html>
  
Line 99: Line 99:
  
 
<!---TEST--->
 
<!---TEST--->
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Team:ETH_Zurich/Notebook/notebookCalendarCSS?action=raw&ctype=text/css" />
 
 
<script src="https://2015.igem.org/Template:ETH_Zurich/jqueryuiminJS?action=raw&ctype=text/javascript"></script>
 
 
<script>
 
var notes = "";
 
var datePicker;
 
var notePad;
 
 
$(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>
 
<p></p>
 
<p></p>
 
<p></p>
 
<p></p>
 
<p></p>
 
<p></p>
 
<p></p>
 
<p></p>
 
<p></p>
 
 
 
 
<div id="datepicker">
 
</div>
 
<div id="notes" class="ui-corner-all ui-widget-content">
 
Select a day to see what our lab did that day.
 
</div>
 
</div>
 
 
 
  
</div>
 
 
<!---TEST-->
 
<!---TEST-->
  

Revision as of 09:43, 11 July 2017

Notebook

V

Notebook.


Our Notebook is still under construction. You can find our protocol for the methods here: Protocol