Team:Cambridge/Templates/HybridBook

From 2010.igem.org

(Difference between revisions)
 
(47 intermediate revisions not shown)
Line 2: Line 2:
<html>
<html>
<script>
<script>
 +
 +
var labchosen=0;
 +
 +
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() {
$(document).ready(function() {
   $('#lablink').click(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");
     var $marginLefty = $("#superwide");
     $marginLefty.animate({
     $marginLefty.animate({
Line 10: Line 58:
          
          
     });
     });
 +
   });
   });
$('#projectlink').click(function() {
$('#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");
     var $marginLefty = $("#superwide");
Line 22: Line 78:
$('#lablink').mouseover(function() {
$('#lablink').mouseover(function() {
-
    
+
   if (labchosen==0){
-
    var $marginLefty = $("#lablink");
+
     mouseOverCall();
-
     $marginLefty.stop().animate({
+
}
-
    width:400,
+
});
-
      left:341
+
$('#projectlink').mouseover(function() {
-
    });
+
  if (labchosen==1){
-
var $marginLefty = $("#projectlink");
+
     mouseOverCall();
-
    $marginLefty.stop().animate({
+
}
-
    width:336
+
-
     
+
-
     });
+
});
});
-
$('#lablink').mouseout(function() {
 
-
 
 
-
    var $marginLefty = $("#lablink");
 
-
    $marginLefty.stop().animate({
 
-
    width:368,
 
-
      left:373
 
-
    });
 
-
var $marginLefty = $("#projectlink");
 
-
    $marginLefty.stop().animate({
 
-
    width:368
 
-
     
 
-
    });
 
 +
$('#lablink, #projectlink').mouseout(function() {
 +
backToNormal();
   });
   });
 +
 +
 +
 +
});
});
</script>
</script>
-
<div style="width:730px; background-color:#fad72a;" class="secheader">Notebook: Week 1</div>
+
 
 +
<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="position:relative; height:30px;border-top:5px solid white;">
-
<div style="width:368px;position:absolute; background-color:#fad72a; height:30px;"  id="projectlink">Project diary</div>
+
<div style="width:492px;position:absolute; background-color:#96d446;" class="selecteddiv"  id="projectlink"><p >Viewing project diary</p></div>
-
<div style="width:368px; position:absolute; background-color:#fad72a;left:373px; height:30px;" id="lablink">Lab book</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>
-
<div style="overflow:hidden; width:730px; position:relative;">
+
<div style="overflow:hidden; height:2200px; width:730px; position:relative;" id="maskingbox">
<div style="width:1320px; position:relative;" id="superwide">
<div style="width:1320px; position:relative;" id="superwide">
-
<table style="width:1480px"><td  style="padding-right:50px; padding-left:10px; width:630px"></html>
+
<table style="width:1480px" id="widetable"><tr><td  style="padding-right:50px; padding-left:10px; width:630px;vertical-align:top"></html>
-
{{:Team:Cambridge/prototypeLab}}
+
{{:Team:Cambridge/Notebook/{{{num}}}}}
-
<html></td><td style="width:630px"></html>
+
<html></td><td style="width:630px; vertical-align:top"></html>
-
{{:Team:Cambridge/prototypeNote}}
+
{{:Team:Cambridge/LabBook/Week{{{num}}}}}
-
<html></td></table>
+
<html></td></tr></table>
-
<p style="clear:both">hi</p></div></div></html>
+
</div></div></html>
 +
 
 +
 
{{:Team:Cambridge/Templates/footerMinimal}}
{{:Team:Cambridge/Templates/footerMinimal}}

Latest revision as of 01:52, 28 October 2010

Retrieved from "http://2010.igem.org/Team:Cambridge/Templates/HybridBook"