native_client_sdk/src/examples/api/file_io/index.html

   1 <!DOCTYPE html>
   2 <html>
   3   <!--
   4   Copyright (c) 2012 The Chromium Authors. All rights reserved.
   5   Use of this source code is governed by a BSD-style license that can be
   6   found in the LICENSE file.
   7   -->
   8 <head>
   9   <meta http-equiv="Pragma" content="no-cache">
  10   <meta http-equiv="Expires" content="-1">
  11   <title>{{title}}</title>
  12   <script type="text/javascript" src="common.js"></script>
  13   <script type="text/javascript" src="example.js"></script>
  14 </head>
  15 <body data-width="200" data-height="200" data-custom-load="true" {{attrs}}>
  16   <h1>{{title}}</h1>
  17   <h2>Status: <code id="statusField">NO-STATUS</code></h2>
  18   <p>The File IO example demonstrates saving, loading, and deleting files
  19      from the persistent file store.</p>
  20
  21   <div>
  22     <span>
  23       <input type="radio" id="radio_saveFile" name="group" checked="checked">
  24         Save File
  25       <input type="radio" id="radio_loadFile" name="group">Load File
  26       <input type="radio" id="radio_delete" name="group">Delete File/Directory
  27       <input type="radio" id="radio_listDir" name="group">List Directory
  28       <input type="radio" id="radio_makeDir" name="group">Make Directory
  29       <input type="radio" id="radio_rename" name="group">Rename
  30     </span>
  31   </div>
  32   <div class="function" id="saveFile">
  33     <div>
  34       <span>
  35         Filename:
  36         <input type="text" value="/filename.txt">
  37         <button>Save</button>
  38       </span>
  39     </div>
  40     <textarea id="saveFileEditor" cols="40" rows="10" wrap="hard"
  41       placeholder="Enter some text to save in a file..."></textarea>
  42   </div>
  43   <div class="function" id="loadFile" hidden>
  44     <div>
  45       <span>
  46         Filename:
  47         <input type="text" value="/filename.txt">
  48         <button>Load</button>
  49       </span>
  50     </div>
  51     <textarea cols="40" rows="10" wrap="hard"></textarea>
  52   </div>
  53   <div class="function" id="delete" hidden>
  54     <span>
  55       Filename/Directory:
  56       <input type="text" value="/filename.txt">
  57       <button>Delete</button>
  58     </span>
  59   </div>
  60   <div class="function" id="listDir" hidden>
  61     <div>
  62       <span>
  63         Directory:
  64         <input type="text" value="/">
  65         <button>List Directory</button>
  66       </span>
  67     </div>
  68     Result:
  69     <ul id="listDirOutput">
  70     </ul>
  71   </div>
  72   <div class="function" id="makeDir" hidden>
  73     <span>
  74       Directory:
  75       <input type="text" value="/directory">
  76       <button>Make Directory</button>
  77     </span>
  78   </div>
  79   <div class="function" id="rename" hidden>
  80     <div>
  81       Old name:
  82       <input id="renameOld" type="text" value="/filename.txt">
  83     </div>
  84     <div>
  85       New name:
  86       <input id="renameNew" type="text" value="/filename2.txt">
  87     </div>
  88     <button>Rename</button>
  89   </div>
  90
  91   <pre id="log" style="font-weight: bold"></pre>
  92   <!-- The NaCl plugin will be embedded inside the element with id "listener".
  93       See common.js.-->
  94   <div id="listener"></div>
  95 </body>
  96 </html>