--- a/client/README.md Wed Feb 05 17:46:38 2014 +0100
+++ b/client/README.md Fri Feb 07 10:58:26 2014 +0100
@@ -40,7 +40,8 @@
### In a div
-The renkan div has the css attribute position:absolute, so the parent div has to be in position:relative. Here is a simple example including css and partial html :
+The renkan div has the css attributes position:absolute/top:0/left:0/bottom:0/right:0,
+so the parent div has to be in position:relative and define width and height. Here is a simple example including css and partial html :
<head>
<style type="text/css">
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/client/test-writable-simple-div.html Fri Feb 07 10:58:26 2014 +0100
@@ -0,0 +1,61 @@
+<!DOCTYPE html>
+<html lang="fr">
+ <head>
+ <meta charset="utf-8" />
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+ <title>Test de Rendu RENKAN</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">
+ var _renkan;
+ $(function() {
+ _renkan = new Rkns.Renkan({
+ /*property_files: [ "data/properties.json" ],
+ user_id: "u-iri",
+ language: "fr",
+ node_fill_color: false*/
+ show_bins: false
+ });
+ 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;
+ }
+ </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>