|
|
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:34, 11 July 2017
Notebook.
Our Notebook is still under construction. You can find our protocol for the methods here:
Protocol