cops/epubreader.php
Sébastien Lucas 3a61b70445 Complete working example
--HG--
extra : rebase_source : d0f38d1aa980ddec8e60dbe8ddd7689509257886
2013-05-15 12:11:47 +02:00

63 lines
2.5 KiB
PHP

<?php
require_once ("config.php");
require_once ("base.php");
require_once ("resources/php-epub-meta/epub.php");
header ("Content-Type: text/html;charset=utf-8");
$book = new EPub ("c:/Temp/Alice.epub");
$book->initSpineComponent ();
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="viewport" content="width=device-width, height=device-height, user-scalable=no" />
<title>COPS's Epub Reader</title>
<script type="text/javascript" src="<?php echo getUrlWithVersion("js/jquery-1.9.1.min.js") ?>"></script>
<script type="text/javascript" src="<?php echo getUrlWithVersion("resources/monocle320/scripts/monocore.js") ?>"></script>
<link rel="stylesheet" type="text/css" href="<?php echo getUrlWithVersion("resources/monocle320/styles/monocore.css") ?>" media="screen" />
<style type="text/css">
#reader { width: 500px; height: 800px; border: 1px solid #000; }
</style>
<script type="text/javascript">
Monocle.DEBUG = true;
var bookData = {
getComponents: function () {
<?php echo "return [" . implode (", ", array_map (function ($comp) { return "'" . $comp . "'"; }, $book->components ())) . "];"; ?>
},
getContents: function () {
<?php echo "return [" . implode (", ", array_map (function ($content) { return "{title: '" . $content["title"] . "', src: '". $content["src"] . "'}"; }, $book->contents ())) . "];"; ?>
},
getComponent: function (componentId, callback) {
$.ajax({
url: "epubfs.php?comp=" + componentId,
type: 'get'
, dataType: 'text'
, error: function () {alert ("error");}
, success: function (data, textStatus, jqXHR ) {
//alert (textStatus);
//alert (data);
callback (data);
}
});
},
getMetaData: function(key) {
return {
title: "A book",
creator: "Inventive Labs"
}[key];
}
}
</script>
</head>
<body>
<div id="reader">
</div>
<script type="text/javascript">Monocle.Reader('reader', bookData, {});</script>
</body>
</html>