Team:Cambridge/Templates/HybridBook

From 2010.igem.org

(Difference between revisions)
m
 
(55 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() {
-
   $('#projectlink').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({
-
       marginLeft: -770
+
       left: -760
          
          
     });
     });
 +
   });
   });
-
$('#lablink').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");
     $marginLefty.animate({
     $marginLefty.animate({
-
       marginLeft: 0
+
       left: 0
          
          
     });
     });
   });
   });
 +
 +
 +
$('#lablink').mouseover(function() {
 +
  if (labchosen==0){
 +
    mouseOverCall();
 +
}
 +
});
 +
$('#projectlink').mouseover(function() {
 +
  if (labchosen==1){
 +
    mouseOverCall();
 +
}
 +
});
 +
 +
$('#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">
+
<div style="overflow:hidden; height:2200px; width:730px; position:relative;" id="maskingbox">
-
<div style="width:1520px;" id="superwide">
+
<div style="width:1320px; position:relative;" id="superwide">
-
<div id="note" style="float:right;margin-left:0px;"></html>
+
<table style="width:1480px" id="widetable"><tr><td  style="padding-right:50px; padding-left:10px; width:630px;vertical-align:top"></html>
-
{{:Team:Cambridge/prototypeNote}}
+
{{:Team:Cambridge/Notebook/{{{num}}}}}
-
<html></div><div id="lab" style="width:730px"></html>
+
<html></td><td style="width:630px; vertical-align:top"></html>
-
{{:Team:Cambridge/prototypeLab}}
+
{{:Team:Cambridge/LabBook/Week{{{num}}}}}
-
<html></div></div></html>
+
<html></td></tr></table>
 +
</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"