mirror of
https://github.com/futurepress/epub.js.git
synced 2025-10-05 15:32:55 +02:00
Fixed isElementVisible to check for width and height of 0, added search view, added sidebar view
This commit is contained in:
Fred Chasen
parent
787a5bd3d7
commit
df2d006ec2
17 changed files with 489 additions and 858 deletions
|
|
@ -14,82 +14,114 @@
|
|||
<!-- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
|
||||
<script>window.jQuery || document.write('<script src="epubjs/libs/jquery-1.9.0.min.js"><\/script>')</script>
|
||||
-->
|
||||
<script src="../libs/jquery/jquery-1.9.0.js"></script>
|
||||
<script src="../libs/jquery/jquery-2.0.3.js"></script>
|
||||
|
||||
<script>
|
||||
"use strict";
|
||||
var Book;
|
||||
|
||||
|
||||
document.onreadystatechange = function () {
|
||||
if (document.readyState == "complete") {
|
||||
EPUBJS.VERSION = "0.1.6";
|
||||
|
||||
|
||||
EPUBJS.filePath = "js/libs/";
|
||||
EPUBJS.cssPath = "css/";
|
||||
// fileStorage.filePath = EPUBJS.filePath;
|
||||
|
||||
Book = EPUBJSR.app.init("moby-dick/");
|
||||
|
||||
$(function() {
|
||||
EPUBJSR.search.View(Book);
|
||||
});
|
||||
|
||||
window.Reader = ePubReader("../demo/moby-dick/", { reload: true });
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
<script src="../build/epub.min.js"></script>
|
||||
|
||||
|
||||
<!--<script async src="epubjs/libs/jquery.touchy.min.js"></script>-->
|
||||
|
||||
<!-- zip -->
|
||||
<script src="../libs/zip/zip.js"></script>
|
||||
<script src="../libs/zip/zip-fs.js"></script>
|
||||
<script src="../libs/zip/zip-ext.js"></script>
|
||||
<script src="../libs/zip/inflate.js"></script>
|
||||
<script src="../libs/zip/mime-types.js"></script>
|
||||
|
||||
|
||||
<!-- Render -->
|
||||
<script src="../libs/underscore/underscore.js"></script>
|
||||
<script src="../libs/rsvp/rsvp.js"></script>
|
||||
<script src="../libs/fileStorage/fileStorage.min.js"></script>
|
||||
|
||||
<script src="../src/base.js"></script>
|
||||
<script src="../src/core.js"></script>
|
||||
<script src="../src/unarchiver.js"></script>
|
||||
<script src="../src/parser.js"></script>
|
||||
<script src="../src/hooks.js"></script>
|
||||
<script src="../src/book.js"></script>
|
||||
<script src="../src/chapter.js"></script>
|
||||
<script src="../src/renderer.js"></script>
|
||||
<script src="../src/epubcfi.js"></script>
|
||||
|
||||
<!-- Hooks -->
|
||||
<script async src="../hooks/default/transculsions.js"></script>
|
||||
<script async src="../hooks/default/endnotes.js"></script>
|
||||
<script async src="../hooks/default/smartimages.js"></script>
|
||||
<script async src="../hooks/default/pageturns.js"></script>
|
||||
|
||||
<!-- Reader -->
|
||||
<script src="../reader/utils.js"></script>
|
||||
<script src="../reader/app.js"></script>
|
||||
<script src="../reader/reader.js"></script>
|
||||
|
||||
<!-- Plugins -->
|
||||
<script src="../reader/search.js"></script>
|
||||
|
||||
<!-- Full Screen -->
|
||||
<script src="../demo/js/libs/screenfull.min.js"></script>
|
||||
|
||||
|
||||
<!-- Highlights -->
|
||||
<script src="../demo/js/libs/jquery.highlight.js"></script>
|
||||
<script src="../hooks/extensions/highlight.js"></script>
|
||||
|
||||
<script async src="../hooks/extensions/highlight.js"></script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div id="sidebar">
|
||||
<div id="controls">
|
||||
<input id="searchBox" placeholder="search" type="search">
|
||||
<a id="network"><img id="store" src="../demo/img/save.png" save="../demo/img/save.png" data-saved="../demo/img/saved.png"></a>
|
||||
<a id="setting"><img id="settings" src="../demo/img/settings.png"></a>
|
||||
<a id="fullscreen">
|
||||
<img id="fullscreenicon" src="../demo/img/fullscreen.png">
|
||||
<img id="cancelfullscreenicon" src="../demo/img/cancelfullscreen.png" style="display: none">
|
||||
</a>
|
||||
</div>
|
||||
<div id="toc">
|
||||
</div>
|
||||
<div id="searchView">
|
||||
<ul id="searchResults"></ul>
|
||||
</div>
|
||||
<div id="settingsPanel">
|
||||
</div>
|
||||
|
||||
<div id="sidebar">
|
||||
<div id="panels">
|
||||
<input id="searchBox" placeholder="search" type="search">
|
||||
|
||||
<a id="show-SearchView" class="show_view icon-search" data-view="SearchView">Search</a>
|
||||
<a id="show-TocView" class="show_view icon-list-1 active" data-view="TocView">TOC</a>
|
||||
<a id="show-BookmarksView" class="show_view icon-bookmark" data-view="BookmarksView">Bookmarks</a>
|
||||
<a id="show-NotesView" class="show_view icon-edit" data-view="NotesView">Notes</a>
|
||||
|
||||
</div>
|
||||
<div id="main">
|
||||
<div id="tocView">
|
||||
</div>
|
||||
<div id="searchView">
|
||||
<ul id="searchResults"></ul>
|
||||
</div>
|
||||
<div id="settingsPanel">
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div id="main">
|
||||
|
||||
<div id="titlebar">
|
||||
<div id="opener">
|
||||
<a id="open"><img src="../demo/img/menu-icon.png" data-close="../demo/img/close.png" data-open="../demo/img/menu-icon.png"></a>
|
||||
<a id="slider" class="icon-menu">Menu</a>
|
||||
</div>
|
||||
<div id="titlebar">
|
||||
<div id="metainfo">
|
||||
<span id="book-title"></span>
|
||||
<span id="title-seperator"> – </span>
|
||||
<span id="chapter-title"> </span>
|
||||
<span id="chapter-title"></span>
|
||||
</div>
|
||||
<div id="title-controls">
|
||||
<a id="bookmark" class="icon-bookmark-empty">Bookmark</a>
|
||||
<a id="setting" class="icon-cog">Settings</a>
|
||||
<a id="fullscreen" class="icon-resize-full">Fullscreen</a>
|
||||
</div>
|
||||
<div id="divider"></div>
|
||||
<div id="prev" class="arrow">‹</div>
|
||||
<div id="area"></div>
|
||||
<div id="next" class="arrow">›</div>
|
||||
|
||||
<div id="loader"><img src="../demo/img/loader.gif"></div>
|
||||
</div>
|
||||
|
||||
<div id="divider"></div>
|
||||
<div id="prev" class="arrow">‹</div>
|
||||
<div id="viewer"></div>
|
||||
<div id="next" class="arrow">›</div>
|
||||
|
||||
<div id="loader"><img src="../demo/img/loader.gif"></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue