"
Team:Heidelberg/Notebook
From 2014.igem.org
(Difference between revisions)
| Line 6: | Line 6: | ||
{{:Team:Heidelberg/Templates/IncludeJS|:Team:Heidelberg/js/bootstrapjs}} | {{:Team:Heidelberg/Templates/IncludeJS|:Team:Heidelberg/js/bootstrapjs}} | ||
{{:Team:Heidelberg/Templates/IncludeJS|:Team:Heidelberg/js/wikipage}} | {{:Team:Heidelberg/Templates/IncludeJS|:Team:Heidelberg/js/wikipage}} | ||
| - | |||
| - | |||
<html> | <html> | ||
<style type="text/css"> | <style type="text/css"> | ||
| Line 171: | Line 169: | ||
<div class="col-lg-6">Graph</div> | <div class="col-lg-6">Graph</div> | ||
<div id="outerWrapper" class="col-lg-4" style="height:100%;overflow-y:scroll;"> | <div id="outerWrapper" class="col-lg-4" style="height:100%;overflow-y:scroll;"> | ||
| - | <div id="innerWrapper" style="width: | + | <div id="innerWrapper" style="width:100%;"> |
<div class="weekentry dnmt1" data-timestamp="1402268400"> | <div class="weekentry dnmt1" data-timestamp="1402268400"> | ||
<div class="weekbox"> | <div class="weekbox"> | ||
| Line 279: | Line 277: | ||
</div> | </div> | ||
</div> | </div> | ||
| + | |||
| + | <script type="text/javascript"> | ||
| + | var projects = { | ||
| + | dnmt1 : "DNMT1 description", | ||
| + | lov: "LOV Domain description", | ||
| + | lysozyme : "Lysozyme description", | ||
| + | standards: "Standards description", | ||
| + | toolbox: "Toolbox description" | ||
| + | } | ||
| + | |||
| + | var selectedProject = "dnmt1"; | ||
| + | |||
| + | scrollToElement = function(id){ | ||
| + | $('#outerWrapper').animate({scrollTop: $('#'+id).offset().top - $('#innerWrapper').offset().top}, 1500, "easeInOutCubic"); | ||
| + | } | ||
| + | |||
| + | updateToTimestamp = function(timestamp) { | ||
| + | var $week = $('#innerWrapper .'+selectedProject).filter(function(){ | ||
| + | return ($(this).data("timestamp") >= timestamp) && ($(this).data("timestamp")+604800 < timestamp); | ||
| + | }).get(0); | ||
| + | $('#outerWrapper').stop(true); | ||
| + | $('#outerWrapper').animate({scrollTop: $week.offset().top - $('#innerWrapper').offset().top}, 1500, "easeInOutCubic"); | ||
| + | } | ||
| + | |||
| + | $(document).ready(function(){ | ||
| + | $(".titles span").click(function(event){ | ||
| + | $('.titles span').removeClass("active"); | ||
| + | $(event.target).addClass("active"); | ||
| + | $('#project-description').html(projects[event.target.id]); | ||
| + | }); | ||
| + | }); | ||
| + | |||
| + | </script> | ||
| + | |||
}} | }} | ||
Revision as of 20:35, 13 October 2014
Welcome to the MidnightDoc
– the different way of documentation
DNMT I LOV Lysozyme Standards Toolbox
Graph
Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla
Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla
Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla
Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla
Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla
Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla
Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla
Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla
Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla
