Team:Cambridge/Templates/HybridBook
From 2010.igem.org
(Difference between revisions)
(58 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
{{:Team:Cambridge/Templates/headerMinimalprototype}} | {{:Team:Cambridge/Templates/headerMinimalprototype}} | ||
- | <html><div id=" | + | <html> |
- | {{:Team:Cambridge/ | + | <script> |
- | <html></ | + | |
- | {{:Team:Cambridge/ | + | 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}} | {{:Team:Cambridge/Templates/footerMinimal}} |
Latest revision as of 01:52, 28 October 2010
Notebook: Week {{{num}}}
Viewing project diary
View protocols and data