Team:ZJU-China/Notebook

From 2011.igem.org

(Difference between revisions)
Line 59: Line 59:
}
}
.bigblock h1{
.bigblock h1{
-
font-size:28px}
+
font-size:28px;
 +
padding:5px;}
.bigblock hr{
.bigblock hr{
padding:0;
padding:0;
margin:10;}
margin:10;}
-
#week1{
+
    #week1{
 +
display:none;}
 +
#week2{
 +
display:none;}
 +
#week3{
 +
display:none;}
 +
#week4{
 +
display:none;}
 +
#week5{
 +
display:none;}
 +
#week6{
 +
display:none;}
 +
#week7{
display:none;}
display:none;}
.block{
.block{
Line 88: Line 101:
<li id="w5">week5</li>
<li id="w5">week5</li>
<li id="w6">week6</li>
<li id="w6">week6</li>
 +
<li id="w7">week7</li>
</ul>
</ul>
</div>
</div>
Line 94: Line 108:
<h1>Monday</h1>
<h1>Monday</h1>
<hr/>
<hr/>
-
<p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
+
<p>WEEK1</p>
 +
</div>
 +
<div class="block" id="tuesday">
 +
<h1>Tuesday</h1>
 +
<hr/>
 +
<p>bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</p></div>
 +
</div>
 +
<!-- 11111111111111111111111111111111111111111111111111 -->
 +
<div class="inner" id="week2">
 +
<div class="block" id="monday">
 +
<h1>Monday</h1>
 +
<hr/>
 +
<p>WEEK2</p>
 +
</div>
 +
<div class="block" id="tuesday">
 +
<h1>Tuesday</h1>
 +
<hr/>
 +
<p>bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</p></div>
 +
</div>
 +
<!-- 2222222222222222222222222222222222222222222 -->
 +
<div class="inner" id="week3">
 +
<div class="block" id="monday">
 +
<h1>Monday</h1>
 +
<hr/>
 +
<p>WEEK3</p>
 +
</div>
 +
<div class="block" id="tuesday">
 +
<h1>Tuesday</h1>
 +
<hr/>
 +
<p>bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</p></div>
 +
</div>
 +
<!-- 3333333333333333333333333333333333333 -->
 +
<div class="inner" id="week4">
 +
<div class="block" id="monday">
 +
<h1>Monday</h1>
 +
<hr/>
 +
<p>WEEK4</p>
 +
</div>
 +
<div class="block" id="tuesday">
 +
<h1>Tuesday</h1>
 +
<hr/>
 +
<p>bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</p></div>
 +
</div>
 +
<!-- 444444444444444444444444444444444 -->
 +
<div class="inner" id="week5">
 +
<div class="block" id="monday">
 +
<h1>Monday</h1>
 +
<hr/>
 +
<p>WEEK5</p>
 +
</div>
 +
<div class="block" id="tuesday">
 +
<h1>Tuesday</h1>
 +
<hr/>
 +
<p>bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</p></div>
 +
</div>
 +
<!-- 55555555555555555555555555555555555555 -->
 +
<div class="inner" id="week6">
 +
<div class="block" id="monday">
 +
<h1>Monday</h1>
 +
<hr/>
 +
<p>WEEK6</p>
 +
</div>
 +
<div class="block" id="tuesday">
 +
<h1>Tuesday</h1>
 +
<hr/>
 +
<p>bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</p></div>
 +
</div>
 +
<!-- 666666666666666666666666666666666 -->
 +
<div class="inner" id="week7">
 +
<div class="block" id="monday">
 +
<h1>Monday</h1>
 +
<hr/>
 +
<p>WEEK7</p>
</div>
</div>
<div class="block" id="tuesday">
<div class="block" id="tuesday">
Line 101: Line 187:
<p>bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</p></div>
<p>bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</p></div>
</div>
</div>
 +
<!-- 7777777777777777777777777777 -->
<script type="text/javascript">
<script type="text/javascript">
document.getElementById('w1').onclick= function(){
document.getElementById('w1').onclick= function(){
-
        document.getElementById('week1').style.display='block'
+
document.getElementById('week2').style.display='none'
 +
document.getElementById('week3').style.display='none'
 +
document.getElementById('week4').style.display='none'
 +
document.getElementById('week5').style.display='none'
 +
document.getElementById('week6').style.display='none'
 +
document.getElementById('week7').style.display='none'
 +
document.getElementById('week1').style.display='block'
 +
    };
 +
    document.getElementById('w2').onclick= function(){
 +
document.getElementById('week1').style.display='none'
 +
document.getElementById('week3').style.display='none'
 +
document.getElementById('week4').style.display='none'
 +
document.getElementById('week5').style.display='none'
 +
document.getElementById('week6').style.display='none'
 +
document.getElementById('week7').style.display='none'
 +
document.getElementById('week2').style.display='block'
 +
    };
 +
    document.getElementById('w3').onclick= function(){
 +
document.getElementById('week2').style.display='none'
 +
document.getElementById('week1').style.display='none'
 +
document.getElementById('week4').style.display='none'
 +
document.getElementById('week5').style.display='none'
 +
document.getElementById('week6').style.display='none'
 +
document.getElementById('week7').style.display='none'
 +
document.getElementById('week3').style.display='block'
 +
    };
 +
    document.getElementById('w4').onclick= function(){
 +
document.getElementById('week2').style.display='none'
 +
document.getElementById('week3').style.display='none'
 +
document.getElementById('week1').style.display='none'
 +
document.getElementById('week5').style.display='none'
 +
document.getElementById('week6').style.display='none'
 +
document.getElementById('week7').style.display='none'
 +
document.getElementById('week4').style.display='block'
 +
    };
 +
    document.getElementById('w5').onclick= function(){
 +
document.getElementById('week2').style.display='none'
 +
document.getElementById('week3').style.display='none'
 +
document.getElementById('week4').style.display='none'
 +
document.getElementById('week1').style.display='none'
 +
document.getElementById('week6').style.display='none'
 +
document.getElementById('week7').style.display='none'
 +
document.getElementById('week5').style.display='block'
 +
    };
 +
    document.getElementById('w6').onclick= function(){
 +
document.getElementById('week2').style.display='none'
 +
document.getElementById('week3').style.display='none'
 +
document.getElementById('week4').style.display='none'
 +
document.getElementById('week5').style.display='none'
 +
document.getElementById('week1').style.display='none'
 +
document.getElementById('week7').style.display='none'
 +
document.getElementById('week6').style.display='block'
 +
    };
 +
    document.getElementById('w7').onclick= function(){
 +
document.getElementById('week2').style.display='none'
 +
document.getElementById('week3').style.display='none'
 +
document.getElementById('week4').style.display='none'
 +
document.getElementById('week5').style.display='none'
 +
document.getElementById('week6').style.display='none'
 +
document.getElementById('week1').style.display='none'
 +
document.getElementById('week7').style.display='block'
     };
     };
</script></div></div><p style ="clear:both"></p>
</script></div></div><p style ="clear:both"></p>

Revision as of 09:12, 14 September 2011

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Notebook | Diaries

  • week1
  • week2
  • week3
  • week4
  • week5
  • week6
  • week7

Monday


WEEK1

Tuesday


bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb

Monday


WEEK2

Tuesday


bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb

Monday


WEEK3

Tuesday


bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb

Monday


WEEK4

Tuesday


bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb

Monday


WEEK5

Tuesday


bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb

Monday


WEEK6

Tuesday


bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb

Monday


WEEK7

Tuesday


bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb