Team:Cambridge/Templates/HybridBook

From 2010.igem.org

(Difference between revisions)
Line 46: Line 46:
   $('#lablink').click(function() {
   $('#lablink').click(function() {
labchosen=1;
labchosen=1;
 +
$('#lablink')[0].firstChild.innerHTML="Viewing protocols and data";
 +
$('#projectlink')[0].firstChild.innerHTML="View project diary";
 +
$('#lablink')[0].class="selecteddiv";
 +
$('#projectlink')[0].class="selectordiv";
   backToNormal();
   backToNormal();
     var $marginLefty = $("#superwide");
     var $marginLefty = $("#superwide");
Line 54: Line 58:
   });
   });
$('#projectlink').click(function() {
$('#projectlink').click(function() {
 +
$('#lablink')[0].firstChild.innerHTML="View protocols and data";
 +
$('#projectlink')[0].firstChild.innerHTML="Viewing project diary";
 +
$('#lablink')[0].class="selectordiv";
 +
$('#projectlink')[0].class="selecteddiv";
labchosen=0;
labchosen=0;
backToNormal();
backToNormal();
Line 91: Line 99:
});
});
</script>
</script>
-
  <ul class="lavaLamp">
+
  <style>
-
            <li><a href="#">Home</a></li>
+
div.selectordiv{height:30px; cursor:pointer;}
-
            <li><a href="#">Plant a tree</a></li>
+
div.selecteddiv{height:30px; cursor:default;}
-
            <li><a href="#">Travel</a></li>
+
div.selectordiv p{font-weight:bold; margin-left:15px; color:white;
-
            <li><a href="#">Ride an elephant</a></li>
+
}
-
        </ul>
+
div.selecteddiv{font-weight:normal; margin-left:15px; color:white;
 +
}
 +
</style>
<div style="width:730px; background-color:#fad72a;" class="secheader">Notebook: Week 1</div>
<div style="width:730px; background-color:#fad72a;" class="secheader">Notebook: Week 1</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:492px;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:246px; position:absolute; background-color:#fad72a;left:497px; 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>

Revision as of 22:17, 18 August 2010