client/test/test-readonly-div.html
changeset 256 d38cc4ee1fd1
parent 254 128d9785b443
child 270 aaef418cdf8d
equal deleted inserted replaced
255:a6366edf1676 256:d38cc4ee1fd1
       
     1 <!DOCTYPE html>
       
     2 <html lang="fr">
       
     3     <head>
       
     4         <meta charset="utf-8" />
       
     5         <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
       
     6         <title>RENKAN test in read-only mode : body 100%</title>
       
     7         <meta name="description" content="" />
       
     8         <meta name="author" content="Institut de Recherche et d'Innovation" />
       
     9         <script src="../lib/jquery.min.js"></script>
       
    10         <script src="../lib/jquery.mousewheel.min.js"></script>
       
    11         <script src="../lib/underscore-min.js"></script>
       
    12         <script src="../lib/backbone.js"></script>
       
    13         <script src="../lib/backbone-relational.js"></script>
       
    14         <script src="../lib/paper.js"></script>
       
    15         <script src="../../build/renkan.js"></script>
       
    16         <script type="text/javascript">
       
    17             var _renkan;
       
    18             $(function() {
       
    19                 _renkan = new Rkns.Renkan({
       
    20                     editor_mode: false,
       
    21                     show_bins: false,
       
    22                     static_url: "../"
       
    23                 });
       
    24                 Rkns.jsonIO(_renkan, {
       
    25                     url: "../data/example-cinema.json"
       
    26                 });
       
    27             });
       
    28         </script>
       
    29         <link rel="stylesheet" href="../css/renkan.css" />
       
    30         <style type="text/css">
       
    31         body{
       
    32             margin: 0 auto;
       
    33             width: 960px;
       
    34         }
       
    35         .header, .footer {
       
    36             font-size: 14px;
       
    37             height: 40px;
       
    38             padding-top: 10px;
       
    39         }
       
    40         .header{
       
    41             height: 100px;
       
    42         }
       
    43         .rnk-container{
       
    44             height: 700px;
       
    45             position: relative;
       
    46             width: 800px;
       
    47         }
       
    48         </style>
       
    49     </head>
       
    50 
       
    51     <body>
       
    52         <div class="header">
       
    53         This is a header with no css override.
       
    54         <ul>
       
    55            <li>list item 1</li>
       
    56            <li>list item 2</li>
       
    57         </ul>
       
    58         <p>This is a paragraphe. This is a <a href="#">link</a>.
       
    59         </div>
       
    60         <div class="rnk-container">
       
    61             <div id="renkan"></div>
       
    62         </div>
       
    63         <div class="footer">
       
    64         This is a footer
       
    65         </div>
       
    66     </body>
       
    67 </html>