Team:Heidelberg LSL/Notebook timeline

From 2012hs.igem.org

(Difference between revisions)
 
(17 intermediate revisions not shown)
Line 17: Line 17:
<style type="text/css">
<style type="text/css">
-
.gallery p  {padding: 0 20px;
+
#menue {position: relative; top: 20px; left: 20px; z-index: 20; font-color: #FFFFFF;}
-
                        text-align: justify;
+
 
-
                        font-size: 12px;}
+
      .bereich {position: relative; top: 0px; font-size: 90%; text-decoration: None; width: 300px; text-align: center; display: block; padding-top: 5px; padding-bottom: 4px; border: 1px solid #555555; border-left: 0.5px solid #555555;}
-
       body {font: 10pt arial;}
+
 
 +
      .bereich:hover {position: relative; top: 0px; font-size: 90%; text-decoration: None; width: 300px; text-align: center; display: block; padding-top: 5px; padding-bottom: 4px; border: 1px solid #555555; border-left: 0.5px solid #555555;}
 +
 
 +
      a.mainlink {text-decoration: None; color: #000000; font-family: Verdana, Arial;}
 +
 
 +
      a.link {
 +
      display: block;
 +
      color: #FFFFFF;
 +
      font-color: #FFFFFF;
 +
      font-family: Verdana, Arial;
 +
      font-size: 10px;
 +
      text-decoration: None;
 +
      border: 1px solid #555555;
 +
      border-bottom: 0.5px solid #555555;
 +
      padding-top: 8px;
 +
      padding-bottom: 7px;
 +
      position: relative;
 +
      top: 4px;
 +
      left: -1px;
 +
      width: 128px;
 +
      }
 +
 
 +
       a.link.bereich {
 +
      display: block;
 +
      text-decoration: None;
 +
      }
 +
 
 +
      a.link:hover {
 +
      display: block;
 +
      color: #000000;
 +
      text-decoration: None;
 +
      }
 +
 
 +
#text_wrapper {position: relative; top: 50px; left: 50px; z-index: 20; font-color: #FFFFFF;}
</style>
</style>
-
<body id="home" onload="setPageSize()">
 
 +
<body id="home" onload="setPageSize()">
<div id="super_main_wrapper">
<div id="super_main_wrapper">
 +
<div id="SubWrapper">
<div id="SubWrapper">
-
    <div id="TimeBar"></div>
+
<table id="menue" cellPadding=0 cellSpacing=0>
 +
 
 +
      <tr  onclick="anzeigen('menue#1')";>
 +
<td valign=top class="bereich">
 +
 
 +
  <div>
 +
 
 +
      <a class="mainlink"> Planning and Developing </a>
 +
 
 +
      <span id="menue#1" style="display: none;">
 +
<a onclick="hideAll();setVisibility('info11','show');";>Date - 1st Meeting</a><br/>
 +
<a onclick="hideAll();setVisibility('info12','show');";>Date - 2nd Meeting</a><br/>
 +
<a onclick="hideAll();setVisibility('info13','show');";>Date - 3rd Meeting</a><br/>
 +
<a onclick="hideAll();setVisibility('info14','show');";>Date - 4th Meeting</a><br/>
 +
<a onclick="hideAll();setVisibility('info15','show');";>Date - 5th Meeting</a><br/>
 +
      </span>
 +
 
 +
    </div>
 +
 
 +
  </td>
 +
 
 +
 
 +
<td valign=top class="bereich" onclick="anzeigen('menue#2')">
 +
 
 +
    <div>
 +
 
 +
      <a class="mainlink" onclick="hideAll();setVisibility('info2', 'show');";> Laboratory </a>
 +
 
 +
      <span id="menue#2" style="display: none;">
 +
<p>jdowjdojo</p>
 +
<p> sjhdowjdo</p>
 +
      </span>
 +
 
 +
    </div>
 +
 
 +
  </td>
 +
 
 +
  <td valign="top" class="bereich" onclick="anzeigen('menue#3')">
 +
 
 +
    <div>
 +
 
 +
    <a class="mainlink" onclick="hideAll();setVisibility('info3', 'show');";> Testing and Evaluation </a>
 +
<span id="menue#3" style="display: none;">
 +
<a onclick="hideAll();setVisibility('info31','show');";>Date - 1st Testing Session</a><br/>
 +
<a onclick="hideAll();setVisibility('info32','show');";>Date - 2nd Testing Session</a><br/>
 +
<a onclick="hideAll();setVisibility('info33','show');";>Date - 3rd Testing Session</a><br/>
 +
<a onclick="hideAll();setVisibility('info34','show');";>Date - 4th Testing Session</a><br/>
 +
<a onclick="hideAll();setVisibility('info35','show');";>Date - 5th Testing Session</a><br/>
 +
</span>
 +
</div>
 +
</td>
 +
 
 +
  </tr>
 +
 
 +
    </table>
 +
 
 +
</div><!-- end SubWrapper-->
-
</div><!-- end SubWrapper -->
 
</div><!-- end super_main_wrapper-->
</div><!-- end super_main_wrapper-->
</body>
</body>
-
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
 
-
    <script type="text/javascript" src="../timeline.js"></script>
 
-
    <link rel="stylesheet" type="text/css" href="../timeline.css">
 
-
   
 
-
    <script type="text/javascript">
 
-
      google.load("visualization", "1");
 
-
      google.setOnLoadCallback(drawVisualization);
 
-
      function drawVisualization() {
 
-
        var data = new google.visualization.DataTable();
 
-
        data.addColumn('datetime', 'start');
 
-
        data.addColumn('datetime', 'end');
 
-
        data.addColumn('string', 'content');
 
-
       
 
-
        data.addRows([
 
-
          [new Date(2010,7,23), , 'Conversation<br>' +
 
-
            '<img src="img/comments-icon.png" style="width:32px; height:32px;">'],
 
-
          [new Date(2010,7,23,23,0,0), , 'Mail from boss<br>' +
 
-
            '<img src="img/mail-icon.png" style="width:32px; height:32px;">'],
 
-
          [new Date(2010,7,24,16,0,0), , 'Report'],
 
-
          [new Date(2010,7,26), new Date(2010,8,2), 'Traject A'],   
 
-
          [new Date(2010,7,28), , 'Memo<br>' +
 
-
            '<img src="img/notes-edit-icon.png" style="width:48px; height:48px;">'],
 
-
          [new Date(2010,7,29), , 'Phone call<br>' +
 
-
            '<img src="img/Hardware-Mobile-Phone-icon.png" style="width:32px; height:32px;">'],
 
-
          [new Date(2010,7,31), new Date(2010,8,3), 'Traject B'],   
 
-
          [new Date(2010,8,4,12,0,0), , 'Report<br>' +
 
-
            '<img src="img/attachment-icon.png" style="width:32px; height:32px;">']
 
-
        ]);
 
-
 
-
        options = {
 
-
          "width":  "100%",
 
-
          "height": "99%",
 
-
          "style": "box"
 
-
        };
 
-
        var timeline = new links.Timeline(document.getElementById('TimeBar'));
 
-
       
 
-
        timeline.draw(data, options);
 
-
      }
 
-
  </script>
 
<script type="text/javascript">
<script type="text/javascript">
Line 81: Line 131:
document.getElementById('bodyContent').style.height = len + 'px';
document.getElementById('bodyContent').style.height = len + 'px';
document.getElementById('SupWrapper').style.height = len + 'px';
document.getElementById('SupWrapper').style.height = len + 'px';
-
document.getElementById('news').style.height = len + 'px';
 
}
}
 +
</script>
 +
 +
<script type='text/javascript'>
 +
function anzeigen(das){
 +
if(document.getElementById(das).style.display=='none')
 +
document.getElementById(das).style.display='block';
 +
else document.getElementById(das).style.display='none';}
 +
function setVisibility(id, visibility) {
 +
document.getElementById(id).style.display = visibility;
 +
}
 +
</script>
</script>
</html>
</html>

Latest revision as of 16:41, 11 June 2012

iGEM-2012HS - LSL-Heidelberg iGEM-2012HS - LSL-Heidelberg

Retrieved from "http://2012hs.igem.org/Team:Heidelberg_LSL/Notebook_timeline"