afm-client/bower_components/jszip/documentation/examples/downloader.html

   1 ---
   2 title: "Mini app : Downloader"
   3 layout: default
   4 section: example
   5 ---
   6
   7 <p>Tip : check the source of the page !</p>
   8
   9 <p>
  10   This mini application let you choose the files you want in a list, download
  11   them, zip them and give the result to the user.
  12 </p>
  13 <p>
  14   This demo requires a recent browser, see <a href="{{site.baseurl}}/documentation/howto/write_zip.html">
  15   the howto</a>.
  16 </p>
  17
  18
  19
  20 <div id="downloader_application">
  21   <h3>Please select your files</h3>
  22   <form action="#" id="download_form">
  23   <ul>
  24     <li>
  25       <label>
  26         <input type="checkbox" data-url="{{site.baseurl}}/test/ref/complex_files/Franz Kafka - The Metamorphosis.epub" checked />
  27         Franz Kafka - The Metamorphosis.epub
  28       </label>
  29     </li>
  30     <li>
  31       <label>
  32         <input type="checkbox" data-url="{{site.baseurl}}/documentation/css/pygments.css" checked />
  33         pygments.css
  34       </label>
  35     </li>
  36     <li>
  37       <label>
  38         <input type="checkbox" data-url="{{site.baseurl}}/dist/jszip.js" />
  39         jszip.js
  40       </label>
  41     </li>
  42     <li>
  43       <label>
  44         <input type="checkbox" data-url="{{site.baseurl}}/test/ref/all.zip" />
  45         all.zip
  46       </label>
  47     </li>
  48   </ul>
  49
  50   <button type="submit" class="btn btn-primary">pack them !</button>
  51 </form>
  52
  53 <p class="hide" id="result"></p>
  54
  55
  56 </div>
  57
  58 <script type="text/javascript" src="{{site.baseurl}}/documentation/examples/downloader.js"></script>