Difference between revisions of "Team:HebrewU/Notebook"

Line 681: Line 681:
 
    
 
    
 
   <div style="text-align:center">
 
   <div style="text-align:center">
   <div class="carousel-container">
+
 
 +
   <h2 class="ahuji"> Day-by-Day Calander </h2>
 +
  <div align="center">
 +
    <div id="cal-heatmap"  >
 +
      <script type="text/javascript">
 +
        var cal = new CalHeatMap();
 +
        cal.init({
 +
          domain: "month",
 +
          subDomain: "x_day",
 +
  highlight: ["now", new Date(2018, 10, 22)],
 +
          data: {"1528214203":8},
 +
          start: new Date(2018, 2, 1),
 +
          cellSize: 12,
 +
          cellPadding: 3,
 +
          domainGutter: 12,
 +
          range: 7,
 +
          legend: [2, 4, 6, 8],
 +
          legendColors: ["white", "black"],
 +
          onClick: function(date, value) {
 +
            var month = date.getMonth() + 1;
 +
            var day = date.getDate();
 +
            var pid =  "date-" + month + "-" + day;
 +
          // $("#myid").html(pid);
 +
    $("#myid2").load('https://2018.igem.org/Team:HebrewU/notebookdates.html #'+pid);
 +
//, function () {alert ("moishe")}
 +
          },
 +
 
 +
        });
 +
 +
      </script>
 +
     
 +
  </div>
 +
 
 +
 
 +
 
 +
<!------------ Leave for debug ------------->
 +
  <div id="myid">
 +
  </div>
 +
 
 +
<!------------ Whre content will come ------------->
 +
 
 +
<div id="myid2" style="text-align:justify;padding-left:200px;paddig-right:200px;">
 +
[Text Here]
 +
</div>
 +
 
 +
  </div>
 +
  </p>
 +
   
 +
</div>
 +
 
 +
<div class="carousel-container">
  
 
   <div class="carousel my-carousel carousel--translate">
 
   <div class="carousel my-carousel carousel--translate">
Line 736: Line 786:
 
</div>
 
</div>
 
</div>
 
</div>
 
  <h2 class="ahuji"> Day-by-Day Calander </h2>
 
  <div align="center">
 
    <div id="cal-heatmap"  >
 
      <script type="text/javascript">
 
        var cal = new CalHeatMap();
 
        cal.init({
 
          domain: "month",
 
          subDomain: "x_day",
 
  highlight: ["now", new Date(2018, 10, 22)],
 
          data: {"1528214203":8},
 
          start: new Date(2018, 2, 1),
 
          cellSize: 12,
 
          cellPadding: 3,
 
          domainGutter: 12,
 
          range: 7,
 
          legend: [2, 4, 6, 8],
 
          legendColors: ["white", "black"],
 
          onClick: function(date, value) {
 
            var month = date.getMonth() + 1;
 
            var day = date.getDate();
 
            var pid =  "date-" + month + "-" + day;
 
          // $("#myid").html(pid);
 
    $("#myid2").load('https://2018.igem.org/Team:HebrewU/notebookdates.html #'+pid);
 
//, function () {alert ("moishe")}
 
          },
 
 
 
        });
 
 
      </script>
 
     
 
  </div>
 
 
<!------------ Leave for debug ------------->
 
  <div id="myid">
 
  </div>
 
 
<!------------ Whre content will come ------------->
 
 
<div id="myid2" style="text-align:justify;padding-left:200px;paddig-right:200px;">
 
[Text Here]
 
</div>
 
 
  </div>
 
  </p>
 
   
 
</div>
 
 
 
  
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 11:47, 9 October 2018


HebrewU HujiGEM 2018

Notebook

Day-by-Day Calander

[Text Here]