enhance view management.
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>RENKAN test in read-only mode : body 100%</title>
<meta name="description" content="" />
<meta name="author" content="Institut de Recherche et d'Innovation" />
<script src="../lib/jquery.min.js"></script>
<script src="../lib/jquery.mousewheel.min.js"></script>
<script src="../lib/underscore-min.js"></script>
<script src="../lib/backbone.js"></script>
<script src="../lib/backbone-relational.js"></script>
<script src="../lib/paper.js"></script>
<script src="../../build/renkan.js"></script>
<script type="text/javascript">
$(function() {
var _renkan = new Rkns.Renkan({
search: [
{
type: "Ldt"
},
{
type: "Wikipedia",
lang: "fr"
},
{
type: "Wikipedia",
lang: "ja"
}
],
bins: [
{
title: "Projet Lignes de Temps",
type: "Ldt",
ldt_type: "Project",
project_id: "6af4019c-8283-11e2-9678-00145ea4a2be",
ldt_platform: "http://ldt.iri.centrepompidou.fr/"
},
{
type: "ResourceList",
title: "Ressources",
list: [
{
url: "http://www.google.com/",
title: "Google",
description: "Search engine",
image: "http://www.google.fr/images/srpr/logo4w.png"
},
"Polemic Tweet http://www.polemictweet.com",
"Twitter http://www.twitter.com/"
]
}
],
/*property_files: [ "data/properties.json" ],
node_fill_color: false*/
language: "fr",
static_url: "../"
});
Rkns.jsonIO(_renkan, {
url: "../data/simple-persist.php"
});
});
</script>
<link rel="stylesheet" href="../css/renkan.css" />
<style type="text/css">
body{
margin: 0 auto;
width: 960px;
}
.header, .footer {
font-size: 14px;
height: 40px;
padding-top: 10px;
}
.rnk-container{
height: 500px;
position: relative;
width: 600px;
overflow: hidden;
}
</style>
</head>
<body>
<div class="header">
This is a header
</div>
<div class="rnk-container">
<div id="renkan"></div>
</div>
<div class="footer">
This is a footer
</div>
</body>
</html>