<%inherit file="main.html" /> <%namespace name='static' file='static_content.html'/> <%block name="title"><title>Textbook – MITx 6.002x</title></%block> <%block name="headextra"> <%static:css group='course'/> </%block> <%block name="js_extra"> <script type="text/javascript" src="${static.url('js/jquery.treeview.js')}"></script> <script> var page=${ page }; $(document).ready(function(){ if(!page) { cookie_page = $.cookie("book_page"); if(cookie_page) { goto_page(cookie_page); } } $("#booknav").treeview({collapsed:true, unique:true/*, cookieId: "treeview-book-nav", persist: "cookie"*/}); }); function goto_page(n) { log_event("book", {"type":"gotopage","old":page,"new":n}); page=n; var prefix = ""; if(n<100) { prefix="0"; } if(n<10) { prefix="00"; } $("#bookpage").attr("src","${ settings.BOOK_URL }p"+prefix+n+".png"); $.cookie("book_page", n, {'expires':3650, 'path':'/'}); }; function prev_page() { var newpage=page-1; if(newpage<0) newpage=0; goto_page(newpage); log_event("book", {"type":"prevpage","new":page}); } function next_page() { var newpage=page+1; if(newpage>1008) newpage=1008; goto_page(newpage); log_event("book", {"type":"nextpage","new":page}); } $("#open_close_accordion a").click(function(){ if ($(".book-wrapper").hasClass("closed")){ $(".book-wrapper").removeClass("closed"); } else { $(".book-wrapper").addClass("closed"); } }); </script> </%block> <%include file="course_navigation.html" args="active_page='book'" /> <section class="container"> <div class="book-wrapper"> <section aria-label="Textbook Navigation" class="book-sidebar"> <header id="open_close_accordion"> <a href="#">close</a> </header> <ul id="booknav" class="treeview-booknav"> <%include file="book_toc.html" /> </ul> </section> <section class="book"> <section class="page"> <nav> <ul> <li class="last"> <a href="javascript:prev_page()">Previous page</a> </li> <li class="next"> <a href="javascript:next_page()">Next page</a> </li> </ul> </nav> <img id="bookpage" src="${ settings.BOOK_URL }p${ "%03i"%(page) }.png"> </section> </section> </div> </section>