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

Line 103: Line 103:
 
     </section>
 
     </section>
  
 +
<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>
  
  

Revision as of 09:41, 11 July 2017

Notebook

V

Notebook.


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

Notebook

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