Difference between revisions of "Team:Exeter/Notebook"

Line 3: Line 3:
  
 
<html>
 
<html>
<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>
 
<script>
Line 12: Line 9:
 
var notePad;
 
var notePad;
  
$(function() {
+
var notes = "";
     $.get("https://2015.igem.org/Team:ETH_Zurich/Notebook/Text?action=raw&ctype=text/javascript", function(response) {
+
  var datePicker;
 +
  var notePad;
 +
 
 +
  $('#notes').hide();
 +
 
 +
  $(function() {
 +
     $.get("https://2017.igem.org/Team:Exeter/Notebook/Text?action=raw&ctype=text/javascript", function(response) {
 
         notes = response.replace(/\n/g,'\t');
 
         notes = response.replace(/\n/g,'\t');
 
     });
 
     });
Line 20: Line 23:
 
});
 
});
  
$(function() {       
+
  $('#datepicker').datepicker({
    datePicker.datepicker({
+
    inline:true,
 
+
    firstDay:1,
        inline:true,
+
    showOtherMonths:true,
        firstDay:1,
+
    dateFormat: "dd/mm/yy",
        showOtherMonths:true,
+
    minDate: "19/06/2017",
        dateFormat: "dd/mm/yy",
+
    maxDate: "01/11/2017",
        minDate: "22/06/2015",
+
    onSelect: function(dateText,inst) {
        maxDate: "18/09/2015",
+
        onSelect: function(dateText,inst) {
+
 
             var re = new RegExp(dateText + ".*?(?=<\/p>)");
 
             var re = new RegExp(dateText + ".*?(?=<\/p>)");
 
             var toShow = notes.match(re);
 
             var toShow = notes.match(re);
 
             notePad.innerHTML = (toShow == null) ? dateText+"<br><br><p>We did nothing on this day...yes...absolutely nothing...</p>" : toShow;
 
             notePad.innerHTML = (toShow == null) ? dateText+"<br><br><p>We did nothing on this day...yes...absolutely nothing...</p>" : toShow;
        }
+
     }
     });
+
  });
});
+
 
</script>
 
</script>
  
  
<div class="expContainer" style=position:relative>
+
  <div id="notebook">
 
+
    <div>
 
+
      <div id="datepicker">
<h1>Notebook</h1>
+
      </div>
 
+
      <div id="activity">
<!--[if gte IE 9]><!-->
+
      </div>
<!--<div class="imgBox">-->
+
    </div>
<a href="https://static.igem.org/mediawiki/2015/f/f7/Notebook.svg">
+
  </div>
</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>
+
 
</html>
 
</html>

Revision as of 13:24, 24 August 2017