client/test-readonly-div.html
changeset 249 3d8937fa93a8
child 251 163b59b3e50b
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/client/test-readonly-div.html	Wed Feb 05 17:46:38 2014 +0100
@@ -0,0 +1,58 @@
+<!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">
+            var _renkan;
+            $(function() {
+                _renkan = new Rkns.Renkan({
+                    editor_mode: false,
+                    show_bins: false,
+                });
+                Rkns.jsonIO(_renkan, {
+                    url: "data/example-cinema.json"
+                });
+            });
+        </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>