Team:Cambridge/Templates/HybridBook

From 2010.igem.org

(Difference between revisions)

Latest revision as of 01:52, 28 October 2010

Notebook: Week {{{num}}}

Viewing project diary

View protocols and data

{{:Team:Cambridge/Notebook/{{{num}}}}}

{{:Team:Cambridge/LabBook/Week{{{num}}}}}

@@ Line 1: / Line 1: @@
 {{:Team:Cambridge/Templates/headerMinimalprototype}}
-<html><div id="note"></html>
+<html>
-{{:Team:Cambridge/prototypeNote}}
+<script>
-<html></div><div id="lab"></html>
-{{:Team:Cambridge/prototypeLab}}
+var labchosen=0;
-<html></div></html>
+function backToNormal(){
+if(labchosen==0){
+    var $marginLefty = $("#lablink");
+    $marginLefty.stop().animate({
+     width:246,
+       left:497
+    });
+ var $marginLefty = $("#projectlink");
+    $marginLefty.stop().animate({
+     width:492
+    });
+}
+else{
+  var $marginLefty = $("#lablink");
+    $marginLefty.stop().animate({
+     width:492,
+       left:251
+    });
+ var $marginLefty = $("#projectlink");
+    $marginLefty.stop().animate({
+     width:246
+    });
+}
+}
+function mouseOverCall(){
+var $marginLefty = $("#lablink");
+    $marginLefty.stop().animate({
+     width:369,
+       left:373
+    });
+ var $marginLefty = $("#projectlink");
+    $marginLefty.stop().animate({
+     width:369
+    });
+}
+$(document).ready(function() {
+  $('#lablink').click(function() {
+labchosen=1;
+$('#lablink')[0].firstChild.innerHTML="Viewing protocols and data";
+$('#projectlink')[0].firstChild.innerHTML="View project diary";
+$('#projectlink')[0].firstChild.innerHTML="View project diary";
+$('#maskingbox')[0].style.height="";
+$('#projectlink')[0].className="selectordiv";
+$('#lablink')[0].className="selecteddiv";
+   backToNormal();
+    var $marginLefty = $("#superwide");
+    $marginLefty.animate({
+      left: -760
+    });
+  });
+$('#projectlink').click(function() {
+$('#maskingbox')[0].style.height="2000px";
+$('#lablink')[0].firstChild.innerHTML="View protocols and data";
+$('#projectlink')[0].firstChild.innerHTML="Viewing project diary";
+$('#lablink')[0].className="selectordiv";
+$('#projectlink')[0].className="selecteddiv";
+labchosen=0;
+backToNormal();
+    var $marginLefty = $("#superwide");
+    $marginLefty.animate({
+      left: 0
+    });
+  });
+$('#lablink').mouseover(function() {
+   if (labchosen==0){
+    mouseOverCall();
+}
+});
+$('#projectlink').mouseover(function() {
+   if (labchosen==1){
+    mouseOverCall();
+}
+});
+$('#lablink, #projectlink').mouseout(function() {
+backToNormal();
+  });
+});
+</script>
+ <style>
+div.selectordiv{height:30px; cursor:pointer;background-image: url(https://static.igem.org/mediawiki/2010/a/ad/Cam-Gradient-Overlay.png);}
+div.selecteddiv{height:30px; cursor:default;background-image: url(https://static.igem.org/mediawiki/2010/a/ad/Cam-Gradient-Overlay.png);}
+div.selectordiv p{margin-left:15px;font-weight:bold;  color:white;
+}
+div.selecteddiv p{margin-left:15px; font-weight:normal;  color:white;
+}
+</style>
+<div style="width:730px; background-color:#fad72a;" class="secheader">Notebook: Week </html>{{{num}}}<html></div>
+<div style="position:relative; height:30px;border-top:5px solid white;">
+<div style="width:492px;position:absolute; background-color:#96d446;" class="selecteddiv"  id="projectlink"><p >Viewing project diary</p></div>
+<div style="width:246px; position:absolute; background-color:#fb5c2b;left:497px;" class="selectordiv" id="lablink"><p>View protocols and data</p></div>
+</div>
+<div style="overflow:hidden; height:2200px; width:730px; position:relative;" id="maskingbox">
+<div style="width:1320px; position:relative;" id="superwide">
+<table style="width:1480px" id="widetable"><tr><td  style="padding-right:50px; padding-left:10px; width:630px;vertical-align:top"></html>
+{{:Team:Cambridge/Notebook/{{{num}}}}}
+<html></td><td style="width:630px; vertical-align:top"></html>
+{{:Team:Cambridge/LabBook/Week{{{num}}}}}
+<html></td></tr></table>
+</div></div></html>
 {{:Team:Cambridge/Templates/footerMinimal}}