"
Team:UT Dallas/Notebook
From 2012.igem.org
(Difference between revisions)
| (4 intermediate revisions not shown) | |||
| Line 6: | Line 6: | ||
<![endif]--> | <![endif]--> | ||
<!-- Internet Explorer PNG fix - END /--> | <!-- Internet Explorer PNG fix - END /--> | ||
| + | |||
| + | <link href='http://fonts.googleapis.com/css?family=Scada' rel='stylesheet' type='text/css'> | ||
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script> | <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script> | ||
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.min.js"></script> | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.min.js"></script> | ||
| Line 94: | Line 96: | ||
} | } | ||
</style> | </style> | ||
| + | <script language="javascript"> | ||
| + | $(document).ready(function(){ colorize_menu('notebook');}); | ||
| + | </script> | ||
</html> | </html> | ||
<div id='top_box'> | <div id='top_box'> | ||
| Line 105: | Line 110: | ||
<div class="july_weeks" style='margin-top: 15px;'> | <div class="july_weeks" style='margin-top: 15px;'> | ||
<a class="week_link" onclick="$('#book').turn('page', 2);return false;" href="#">Week 1 </a> | <a class="week_link" onclick="$('#book').turn('page', 2);return false;" href="#">Week 1 </a> | ||
| - | <br><a class="week_link" onclick="$('#book').turn('page', | + | <br><a class="week_link" onclick="$('#book').turn('page', 4);return false;" href="#">Week 2 </a> |
| - | <br><a class="week_link" onclick="$('#book').turn('page', | + | <br><a class="week_link" onclick="$('#book').turn('page', 6);return false;" href="#">Week 3 </a> |
| - | <br><a class="week_link" onclick="$('#book').turn('page', | + | <br><a class="week_link" onclick="$('#book').turn('page', 13);return false;" href="#">Week 4 </a> |
</div> | </div> | ||
<div class="august_weeks" style='margin-top: 60px;'> | <div class="august_weeks" style='margin-top: 60px;'> | ||
| - | <a class="week_link" onclick="$('#book').turn('page', | + | <a class="week_link" onclick="$('#book').turn('page', 22);return false;" href="#">Week 5 </a> |
| - | <br><a class="week_link" onclick="$('#book').turn('page', | + | <br><a class="week_link" onclick="$('#book').turn('page', 31);return false;" href="#">Week 6 </a> |
| - | <br><a class="week_link" onclick="$('#book').turn('page', | + | <br><a class="week_link" onclick="$('#book').turn('page', 42);return false;" href="#">Week 7 </a> |
| - | <br><a class="week_link" onclick="$('#book').turn('page', | + | <br><a class="week_link" onclick="$('#book').turn('page', 57);return false;" href="#">Week 8 </a> |
</div> | </div> | ||
<div class="sept_weeks" style='margin-top: 60px;'> | <div class="sept_weeks" style='margin-top: 60px;'> | ||
| - | <a class="week_link" onclick="$('#book').turn('page', | + | <a class="week_link" onclick="$('#book').turn('page', 78);return false;" href="#">Week 9 </a> |
| - | <br><a class="week_link" onclick="$('#book').turn('page', | + | <br><a class="week_link" onclick="$('#book').turn('page', 89);return false;" href="#">Week 10 </a> |
| - | <br><a class="week_link" onclick="$('#book').turn('page', | + | <br><a class="week_link" onclick="$('#book').turn('page', 102);return false;" href="#">Week 11 </a> |
| - | <br><a class="week_link" onclick="$('#book').turn('page', | + | <br><a class="week_link" onclick="$('#book').turn('page', 114);return false;" href="#">Week 12 </a> |
| + | |||
</div> | </div> | ||
</div> | </div> | ||
| Line 128: | Line 134: | ||
<h1>Notebook</h1> | <h1>Notebook</h1> | ||
<div class="july_weeks" style='float:left;margin-left: 40px;margin-top: 130px;'> | <div class="july_weeks" style='float:left;margin-left: 40px;margin-top: 130px;'> | ||
| - | + | <a class="week_link" onclick="$('#book').turn('page', 2);return false;" href="#">Week 1 </a> | |
| - | <br><a class="week_link" onclick="$('#book').turn('page', | + | <br><a class="week_link" onclick="$('#book').turn('page', 4);return false;" href="#">Week 2 </a> |
| - | <br><a class="week_link" onclick="$('#book').turn('page', | + | <br><a class="week_link" onclick="$('#book').turn('page', 6);return false;" href="#">Week 3 </a> |
| - | <br><a class="week_link" onclick="$('#book').turn('page', | + | <br><a class="week_link" onclick="$('#book').turn('page', 13);return false;" href="#">Week 4 </a> |
</div> | </div> | ||
<div class="august_weeks" style='float:left;margin-left: 40px;margin-top: 130px;'> | <div class="august_weeks" style='float:left;margin-left: 40px;margin-top: 130px;'> | ||
| - | + | <a class="week_link" onclick="$('#book').turn('page', 22);return false;" href="#">Week 5 </a> | |
| - | <br><a class="week_link" onclick="$('#book').turn('page', | + | <br><a class="week_link" onclick="$('#book').turn('page', 31);return false;" href="#">Week 6 </a> |
| - | <br><a class="week_link" onclick="$('#book').turn('page', | + | <br><a class="week_link" onclick="$('#book').turn('page', 42);return false;" href="#">Week 7 </a> |
| - | <br><a class="week_link" onclick="$('#book').turn('page', | + | <br><a class="week_link" onclick="$('#book').turn('page', 57);return false;" href="#">Week 8 </a> |
| - | + | </div> | |
<div class="sept_weeks" style='float:left;margin-left: 40px;margin-top: 130px;'> | <div class="sept_weeks" style='float:left;margin-left: 40px;margin-top: 130px;'> | ||
| - | + | <a class="week_link" onclick="$('#book').turn('page', 78);return false;" href="#">Week 9 </a> | |
| - | <br><a class="week_link" onclick="$('#book').turn('page', | + | <br><a class="week_link" onclick="$('#book').turn('page', 89);return false;" href="#">Week 10 </a> |
| - | <br><a class="week_link" onclick="$('#book').turn('page', | + | <br><a class="week_link" onclick="$('#book').turn('page', 102);return false;" href="#">Week 11 </a> |
| - | <br><a class="week_link" onclick="$('#book').turn('page', | + | <br><a class="week_link" onclick="$('#book').turn('page', 114);return false;" href="#">Week 12 </a> |
| + | |||
</div> | </div> | ||
</div> | </div> | ||
| Line 155: | Line 162: | ||
// Sample using dynamic pages with turn.js | // Sample using dynamic pages with turn.js | ||
| - | var numberOfPages = | + | var numberOfPages = 121; |
| - | + | ||
| - | + | ||
// Adds the pages that the book will need | // Adds the pages that the book will need | ||
function addPage(page, book) { | function addPage(page, book) { | ||
Latest revision as of 01:45, 4 October 2012
