Team:UT Dallas/Notebook
From 2012.igem.org
(Difference between revisions)
(2 intermediate revisions not shown) | |||
Line 110: | 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 133: | 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 160: | 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