Team:DTU-Denmark/Methods/Notebook

From 2014.igem.org

(Difference between revisions)
(Created page with "{{:Template:Team:DTU-Denmark/maintemplate}}")
Line 1: Line 1:
{{:Template:Team:DTU-Denmark/maintemplate}}
{{:Template:Team:DTU-Denmark/maintemplate}}
 +
 +
<html>
 +
<head>
 +
<style>
 +
 +
body {
 +
  background: #FF0000;
 +
  font-family: Arial, Times, serif;
 +
  font-size: 12pt;
 +
}
 +
 +
 +
 +
table {
 +
  border-collapse: collapse;
 +
}
 +
 +
table tr td {
 +
  vertical-align: text-top;
 +
  color: #001f3d;
 +
}
 +
 +
#content {
 +
  color: #001f3d;
 +
}
 +
 +
ul {
 +
line-height: 110%;
 +
list-style-type: disc;
 +
list-style-image: none;
 +
}
 +
 +
li {
 +
line-height: 1.5em;
 +
}
 +
 +
#globalWrapper {
 +
  font-size: 100%;
 +
}
 +
 +
#calendarPicker {
 +
  margin-bottom: 40px;
 +
}
 +
 +
.monthSelector {
 +
font-size: 110%;
 +
  text-align: left !important;
 +
  color : #873000;
 +
font-weight: bold;
 +
margin-right: 6px;
 +
}
 +
 +
.calHeader {
 +
    background-color: #873000;
 +
color: white;
 +
}
 +
 +
.sunday {
 +
  background-color: #6ba95c;
 +
}
 +
 +
.saturday {
 +
  background-color: #99ee85;
 +
}
 +
.weekday {
 +
  background-color: white;
 +
}
 +
 +
.selectedDate {
 +
  background-color: #FFFF00;
 +
}
 +
 +
.calendar  tr td{
 +
  width: 35px;
 +
text-align: center;
 +
}
 +
 +
td.weekday a:visited, td.sunday a:visited, td.saturday a:visited, td.selectedDate a:visited {
 +
  color: #2b6196;
 +
}
 +
 +
.noEntries {
 +
  color: #F00;
 +
}
 +
 +
.hasEntries {
 +
  font-weight: bold;
 +
  color #0F0;
 +
}
 +
 +
.notebookEntry {
 +
  margin-bottom: 40px;
 +
}
 +
 +
 +
</style>
 +
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 +
 +
<script type="text/javascript">
 +
 +
 +
//Javascript name: My Date Time Picker
 +
//Date created: 16-Nov-2003 23:19
 +
//Scripter: TengYong Ng
 +
//Website: http://www.rainforestnet.com
 +
//Copyright (c) 2003 TengYong Ng
 +
//FileName: DateTimePicker.js
 +
//Version: 0.8
 +
//Contact: contact@rainforestnet.com
 +
// Note: Permission given to use this script in ANY kind of applications if
 +
//      header lines are left unchanged.
 +
 +
//Global variables
 +
var dtToday=new Date();
 +
var dtMonth=dtToday.getMonth();
 +
var Cal;
 +
var MonthName=["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
 +
var WeekDayName=["Monday","Tuesday","Wednesday","Thursday","Friday","Saturday", "Sunday"];
 +
var DaysInMonth=[31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
 +
 +
//end Configurable parameters
 +
//end Global variable
 +
var calhtml = "";
 +
 +
function NewCal()
 +
{
 +
Cal=new Calendar(dtToday);
 +
RenderCal();
 +
}
 +
 +
function RenderCal()
 +
{
 +
var vCalHeader;
 +
var vCalData;
 +
var i, j;
 +
var SelectStr;
 +
var vDayCount=0;
 +
var vFirstDay;
 +
 +
calhtml = "<p><h3>Calendar: </h3></p>";
 +
 +
vCalHeader="<table class=\"calendar\" border='1' cellpadding='1' cellspacing='1' align=\"center\" valign=\"top\">\n";
 +
//Month Selector
 +
vCalHeader+="<tr>\n<td class=\"monthSelector\" colspan='7'>\n";
 +
vCalHeader+="<select name=\"MonthSelector\" onChange=\"javascript:Cal.SwitchMth(this.selectedIndex+5);RenderCal();\">\n";
 +
for (i=5;i<10;i++)
 +
{
 +
if (i==Cal.Month)
 +
SelectStr="Selected";
 +
else
 +
SelectStr="";
 +
vCalHeader+="<option "+SelectStr+" >"+MonthName[i]+"\n";
 +
}
 +
vCalHeader+="</select>  "+Cal.GetMonthName()+" "+Cal.Year+"</td></tr>\n";
 +
//Week day header
 +
vCalHeader+="<tr>";
 +
for (i=0;i<7;i++)
 +
{
 +
vCalHeader+="<td class=\"calHeader\">" +WeekDayName[i].substr(0,3)+ "</td>";
 +
}
 +
vCalHeader+="</tr>";
 +
calhtml += vCalHeader;
 +
 +
//Calendar detail
 +
vFirstDay=new Date(Cal.Year,Cal.Month, 1).getDay();
 +
vCalData="<tr>";
 +
 +
if (vFirstDay==0) vFirstDay = 7;
 +
for (i=0;i<vFirstDay-1;i++)
 +
{
 +
vDayCount=vDayCount+1;
 +
if (vDayCount%7==6)
 +
vCalData += GenCell("","saturday");
 +
else if (vDayCount%7==0)
 +
vCalData += GenCell("","sunday");
 +
else
 +
vCalData += GenCell("","weekday");
 +
}
 +
for (j=1;j<=Cal.GetMonDays();j++)
 +
{
 +
 +
vDayCount=vDayCount+1;
 +
 +
if (j==Cal.Date)
 +
{
 +
if (Cal.Month==dtMonth)
 +
{
 +
vCalData += GenCell(j,"selectedDate");
 +
}
 +
else
 +
{
 +
if (vDayCount%7==6)
 +
vCalData += GenCell(j,"saturday");
 +
else if (vDayCount%7==0)
 +
vCalData += GenCell(j,"sunday");
 +
else
 +
vCalData += GenCell(j,"weekday");
 +
}
 +
}
 +
else
 +
{
 +
if (vDayCount%7==6)
 +
vCalData += GenCell(j,"saturday");
 +
else if (vDayCount%7==0)
 +
vCalData += GenCell(j,"sunday");
 +
else
 +
vCalData += GenCell(j,"weekday");
 +
}
 +
 +
if((vDayCount%7==0)*(j<Cal.GetMonDays()))
 +
{
 +
vCalData=vCalData+"</tr>\n<tr>";
 +
}
 +
}
 +
var vLastDay=new Date(Cal.Year,Cal.Month, Cal.GetMonDays()).getDay();
 +
if (vLastDay == 0) vLastDay = 7; 
 +
for (i=vLastDay;i<7;i++)
 +
{
 +
vDayCount=vDayCount+1;
 +
if (vDayCount%7==6)
 +
vCalData += GenCell("","saturday");
 +
else if (vDayCount%7==0)
 +
vCalData += GenCell("","sunday");
 +
else
 +
vCalData += GenCell("","weekday");
 +
}
 +
 +
calhtml += vCalData;
 +
//end time picker
 +
calhtml += "\n</table>";
 +
document.getElementById("calendarPicker").innerHTML = calhtml;
 +
}
 +
 +
function GenCell(pValue, css_class)//Generate table cell with value
 +
{
 +
    var hash = pValue +"-" + Cal.GetMonthName();
 +
if (document.getElementById(hash)) {
 +
return "<td class='" + css_class + " hasEntries'> <a href='#"  + hash + "'>"+pValue +"</a></td>";
 +
} else {
 +
return "<td class='" + css_class + " noEntries'>" + pValue +"</td>";
 +
}
 +
}
 +
 +
function Calendar(pDate)
 +
{
 +
//Properties
 +
this.Date=pDate.getDate();//selected date
 +
this.Month=pDate.getMonth();//selected month number
 +
this.Year=pDate.getFullYear();//selected year in 4 digits
 +
}
 +
 +
function SwitchMth(intMth)
 +
{ Cal.Month=intMth;}
 +
Calendar.prototype.SwitchMth=SwitchMth;
 +
 +
function GetMonthName()
 +
{
 +
return MonthName[this.Month];
 +
}
 +
Calendar.prototype.GetMonthName=GetMonthName;
 +
 +
function GetMonDays()//Get number of days in a month
 +
{
 +
return DaysInMonth[this.Month];
 +
}
 +
Calendar.prototype.GetMonDays=GetMonDays;
 +
 +
 +
$(function() {
 +
  if (document.getElementById("calendarPicker")) {
 +
NewCal();
 +
}
 +
});
 +
 +
$(function() {
 +
var notebookEntries = document.getElementsByClassName("notebookEntry");
 +
for (var i = 0; i < notebookEntries.length; i++ ) {
 +
notebookEntries[i].innerHTML += "<p class='backToTop' ><a href='#top'>Back to top</a></p>"
 +
  }
 +
});
 +
 +
 +
 +
</script>
 +
 +
</head>
 +
<body>
 +
 +
<div class="content">
 +
<div id="calendarPicker"> </div>
 +
<h2><span class="editsection">[<a href="/wiki/index.php?title=Team:Edinburgh/Project/Notebook&amp;action=edit&amp;section=1" title="Edit section: Chronological notebook">edit</a>]</span> <span class="mw-headline" id="Chronological_notebook"> <b>Chronological notebook</b> </span></h2>
 +
<div id="27-June" class="notebookEntry">
 +
<ul><li><b>27th of June</b>:
 +
</li></ul>
 +
<p><i>Fluorescence</i> We did blabla, no fluorescence.
 +
</p>
 +
</div>
 +
 +
 +
<div id="1-July" class="notebookEntry">
 +
<ul><li><b>1st of July</b>:
 +
</li></ul>
 +
<p><i>Headline</i> EtOH resistance assay was continued in a narrow concentration range (Jan).
 +
</p><p><i>E. coli</i> (DH5alpha) cells were transformed using BioBricks required for EtOH production (Aleksandra).
 +
</p><p>O/N cultures of <i>E. coli</i> and <i>B. subtilis</i> were set up to continue with the experiments tomorrow (Harry). 
 +
</p>
 +
</div>

Revision as of 12:05, 15 August 2014

Technical University of Denmark

[edit] Chronological notebook

  • 27th of June:

Fluorescence We did blabla, no fluorescence.

  • 1st of July:

Headline EtOH resistance assay was continued in a narrow concentration range (Jan).

E. coli (DH5alpha) cells were transformed using BioBricks required for EtOH production (Aleksandra).

O/N cultures of E. coli and B. subtilis were set up to continue with the experiments tomorrow (Harry).

Retrieved from "http://2014.igem.org/Team:DTU-Denmark/Methods/Notebook"