server/php/basic/public_html/static/lib/FileSaver/demo/index.xhtml
changeset 442 adb907bba956
child 598 eb4f4eceada0
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/server/php/basic/public_html/static/lib/FileSaver/demo/index.xhtml	Fri May 22 17:48:14 2015 +0200
@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US-x-Hixie">
+<head>
+    <meta charset="utf-8"/>
+    <title>FileSaver.js demo</title>
+    <link rel="stylesheet" type="text/css" href="demo.css"/>
+</head>
+<body>
+    <h1><a href="https://github.com/eligrey/FileSaver.js">FileSaver.js</a> demo</h1>
+    <p>
+        The following examples demonstrate how it is possible to generate and save any type of data right in the browser using the W3C <code>saveAs()</code> <a href="http://www.w3.org/TR/file-writer-api/#the-filesaver-interface">FileSaver</a> interface, without contacting any servers.
+    </p>
+    <section id="image-demo">
+        <h2>Saving an image</h2>
+        <canvas class="input" id="canvas" width="500" height="300"/>
+        <form id="canvas-options">
+            <label>Filename: <input type="text" class="filename" id="canvas-filename" placeholder="doodle"/>.png</label>
+            <input type="submit" value="Save"/>
+            <input type="button" id="canvas-clear" value="Clear"/>
+        </form>
+    </section>
+    <section id="text-demo">
+        <h2>Saving text</h2>
+        <textarea class="input" id="text" placeholder="Once upon a time..."/>
+        <form id="text-options">
+            <label>Filename: <input type="text" class="filename" id="text-filename" placeholder="a plain document"/>.txt</label>
+            <input type="submit" value="Save"/>
+        </form>
+    </section>
+    <section id="html-demo">
+        <h2>Saving rich text</h2>
+        <div class="input" id="html" contenteditable="">
+            <h3>Some example rich text</h3>
+            <ul>
+                <li><del>Plain</del> <ins>Boring</ins> text.</li>
+                <li><em>Emphasized text!</em></li>
+                <li><strong>Strong text!</strong></li>
+                <li>
+                    <svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="70" height="70">
+                        <circle cx="35" cy="35" r="35" fill="red"/>
+                        <text x="10" y="40">image</text>
+                    </svg>
+                </li>
+                <li><a href="https://github.com/eligrey/FileSaver.js">A link.</a></li>
+            </ul>
+        </div>
+        <form id="html-options">
+            <label>Filename: <input type="text" class="filename" id="html-filename" placeholder="a rich document"/>.xhtml</label>
+            <input type="submit" value="Save"/>
+        </form>
+    </section>
+    <script async="" src="https://cdn.rawgit.com/eligrey/Blob.js/master/Blob.js"/>
+    <script async="" src="https://cdn.rawgit.com/eligrey/canvas-toBlob.js/master/canvas-toBlob.js"/>
+    <script async="" src="https://cdn.rawgit.com/eligrey/FileSaver.js/master/FileSaver.js"/>
+    <script async="" src="https://cdn.rawgit.com/eligrey/FileSaver.js/master/demo/demo.js"/>
+</body>
+</html>