Download raw (3.1 KB)
<!DOCTYPE HTML>
<html lang="en" class="normal">
<head>
<meta charset="utf-8">
<title>HTML2print</title>
<link rel="stylesheet" href="/main.less" type="text/less" media="all" charset="utf-8">
<link rel="stylesheet" href="/assets/lib/jquery-ui-1.10.3/css/smoothness/jquery-ui-1.10.3.custom.min.css" type="text/css" media="all" charset="utf-8">
</head>
<body>
<!-- PAGES -->
<div id="pages">
<div id="master-page" class="paper">
<div class="page">
<section class="header">
</section>
<section class="body recipient">
</section>
<section class="footer">
</section>
</div>
</div>
</div>
<div id="interface">
<button id="preview" class="button">Preview</button>
<button id="debug" class="button">Debug</button>
<button id="spread" class="button">Spread</button>
<button id="hi-res" class="button">Hi-res</button>
<div class="dropdown">
<button id="zoom" class="button">Zoom</button>
<ul id="zoom-list">
<li><a href="#" title="25">25 %</a></li>
<li><a href="#" title="33">33 %</a></li>
<li><a href="#" title="50">50 %</a></li>
<li><a href="#" title="75">75 %</a></li>
<li><a href="#" title="100">100 %</a></li>
<li><a href="#" title="150">150 %</a></li>
<li><a href="#" title="200">200 %</a></li>
<li><a href="#" title="300">300 %</a></li>
</ul>
</div>
<div id="toc">
<button id="goto" class="button" href="#">Go to</button>
<ul id="toc-pages"></ul>
</div>
</div>
<div id="stories">
<article id="my-story"></article>
</div>
<!-- JAVASCRIPT -->
<script type="text/javascript" src="/assets/lib/less-1.3.0.min.js"></script>
<script type="text/javascript" src="/assets/lib/jquery.min.js"></script>
<script type="text/javascript" src="/assets/lib/jquery.xdomainajax.js"></script>
<script type="text/javascript" src="/setup/setup.js"></script>
<script type="text/javascript" src="/assets/js/html2print.js"></script>
<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
content = "";
$.ajax({
// HERE THE URL YOU WANT TO LOAD
url: 'http://diplomes2015.villa-arson.org/benoit-barbagli/',
type: 'GET',
success: function(res) {
var html = $(res.responseText);
// REPLACE '.main-content' WITH THE IDENTIFIER CORRESPONDING TO THE PART OF THE WEBPAGE YOU WANT TO LOAD
// (USE THE WEB ELEMENT INSPECTOR TO GET IT)
$("#my-story").html(html.find('#main'));
$("#my-story .page").addClass("loaded-page").removeClass("page");
}
});
});
</script>
</body>
</html>