BookReader/newbook.html

   1
   2 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
   3 <html>
   4 <head>
   5     <meta name="viewport" content="width=device-width, maximum-scale=1.0" />
   6     <meta name="apple-mobile-web-app-capable" content="yes" />
   7     <title>Flatland : a romance of many dimensions</title>
   8 <!--[if lte IE 6]>
   9     <meta http-equiv="refresh" content="2; URL=browserunsupported.php?id=flatlandromanceo00abbouoft">
  10 <![endif]-->
  11     <link rel="stylesheet" type="text/css" href="BookReader.css?v=r28_1287170395">
  12     <script src="http://www.archive.org/includes/jquery-1.4.2.min.js" type="text/javascript"></script>
  13     <script type="text/javascript" src="jquery-ui-1.8.5.custom.min.js?v=r28_1287170395"></script>
  14     <script type="text/javascript" src="http://www.archive.org/includes/analytics.js?v=2"></script>
  15     <script type="text/javascript" src="dragscrollable.js?v=r28_1287170395"></script>
  16     <script type="text/javascript" src="jquery.colorbox-min.js"></script>
  17     <script type="text/javascript" src="jquery.ui.ipad.js"></script>
  18      <!-- THIS ALLOWS BEAUTYTIPS TO WORK ON IE -->
  19         <!--[if lt IE 9]>
  20         <script type="text/javascript" src="excanvas.compiled.js"></script>
  21         <![endif]-->
  22     <script type="text/javascript" src="jquery.bt.min.js"></script>
  23     <script type="text/javascript" src="BookReader.js?v=r28_1287170395"></script>
  24     <script type="text/javascript" src="soundmanager/soundmanager2.js?v=r28_1287170395"></script>
  25     <script>
  26         soundManager.debugMode = false;
  27         soundManager.url = 'soundmanager/swf/';
  28         soundManager.useHTML5Audio = true;
  29         soundManager.flashVersion = 9; //flash 8 version of swf is buggy when calling play() on a sound that is still loading
  30     </script>
  31 </head>
  32 <body>
  33
  34
  35 <div id="BookReader">Internet Archive BookReader <noscript>requires JavaScript to be enabled.</noscript></div>
  36
  37 <div style="position:fixed;top:100px;left:10px;z-index:2000;">
  38 <button id="shareBtn" title="Share">Temp Share Button</button>
  39 <button id="infoBtn" title="About this book">Temp Info Button</button>
  40 </div>
  41
  42 <script type="text/javascript">
  43 $().ready(function(){
  44     $("#shareBtn").colorbox({inline: true, opacity: "0.5", href: "#shareThis"});
  45     $("#infoBtn").colorbox({inline: true, opacity: "0.5", href: "#aboutThis"});
  46 });
  47 </script>
  48 <style type="text/css">
  49 </style>
  50 <div class="hidden">
  51     <div class="BRfloat" id="shareThis">
  52         <div class="BRfloatHead">
  53             Share
  54             <a class="floatShut" href="javascript:;" onclick="$.fn.colorbox.close();"><span class="shift">Close</span></a>
  55         </div>
  56         <p>Copy and paste one of these options to share this book elsewhere.</p>
  57         <form method="post" action="">
  58             <fieldset>
  59                 <label for="pageview">Link to this page view:</label>
  60                 <input type="text" name="pageview" id="pageview" value="http://thisisthelinktothispageview"/>
  61             </fieldset>
  62             <fieldset>
  63                 <label for="booklink">Link to the book:</label>
  64                 <input type="text" name="booklink" id="booklink" value="http://thisisthelinktothisbook"/>
  65             </fieldset>
  66             <fieldset>
  67                 <label for="iframe">Embed a mini Book Reader:</label>
  68                 <fieldset class="sub">
  69                     <label class="sub">
  70                         <input type="radio" name="pages" id="1page" checked="checked"/>
  71                         1 page
  72                     </label>
  73                     <label class="sub">
  74                         <input type="radio" name="pages" id="2page"/>
  75                         2 pages
  76                     </label>
  77                     <label class="sub">
  78                         <input type="checkbox" name="thispage" id="thispage"/>
  79                         Open to this page?
  80                     </label>
  81                 </fieldset>
  82                 <textarea cols="30" rows="4" name="iframe" id="iframe"><iframe src="http://thisisthestreamlink" width="480" height="480"></iframe></textarea>
  83                 <p class="meta"><strong>NOTE:</strong> We've tested EMBED on blogspot.com blogs as well as self-hosted Wordpress blogs. This feature will NOT work on wordpress.com blogs.</p>
  84             </fieldset>
  85             <fieldset class="center">
  86                 <button type="button" onclick="$.fn.colorbox.close();">Finished</button>
  87             </fieldset>
  88         </form>
  89     </div>
  90     <div class="BRfloat" id="aboutThis">
  91         <div class="BRfloatHead">About this book
  92             <a class="floatShut" href="javascript:;" onclick="$.fn.colorbox.close();"><span class="shift">Close</span></a>
  93         </div>
  94         <div class="BRfloatBody">
  95             <div class="BRfloatCover"></div>
  96             <div class="BRfloatMeta">
  97                 <h2><a href="Open Library Book Page">Book Title</a></h2>
  98                 by
  99                 <a href="Open Library Author Page">Book Author</a>
 100             </div>
 101         </div>
 102     </div>
 103 </div>
 104
 105 <script type="text/javascript">
 106   // Set some config variables -- $$$ NB: Config object format has not been finalized
 107   var brConfig = {};
 108   brConfig["mode"] = 2;
 109 </script>
 110 <!-- The script included below is dynamically generated JavaScript that includes the book metadata and page image access functions -->
 111 <script type="text/javascript" src="http://ia311205.us.archive.org/~testflip/BookReader/BookReaderJSIA.php?id=flatlandromanceo00abbouoft&itemPath=/2/items/flatlandromanceo00abbouoft&server=ia311205.us.archive.org&subPrefix=flatlandromanceo00abbouoft"></script>
 112
 113 <script type="text/javascript">
 114     // $$$ hack to workaround sizing bug when starting in two-up mode
 115     $(document).ready(function() {
 116         $(window).trigger('resize');
 117     });
 118
 119     // Usage stats
 120     if(window.archive_analytics) { window.archive_analytics.values['bookreader'] = 'open'};
 121 </script>
 122