Skip to content


Subversion checkout URL

You can clone with
Download ZIP
Branch: master
Fetching contributors…

Cannot retrieve contributors at this time

86 lines (78 sloc) 3.67 KB
<!DOCTYPE html>
<html lang='en'>
<meta charset='utf-8'>
<title>Unhosted remoteStorage Tutorial</title>
<link href="css/screen.css" media="screen" rel="stylesheet" type="text/css" />
<script src="js/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="js/remoteStorage-0.5.5.min.js" type="text/javascript"></script>
<script src="js/helper.js" type="text/javascript"></script>
<script src="js/tutorial.js" type="text/javascript"></script>
<script src="js/app.js" type="text/javascript"></script>
<div class="container">
<img src="images/remotestorage.png" alt="remoteStorage" class="remotestorage" />
<h1>remoteStorage.js Tutorial</h1>
<section id="intro">
This is a sample app using
<a href="">remoteStorage.js</a>
for retrieving and storing data on a remoteStorage-compatible account. To
see how to use remoteStorage.js you can read the
<a href="docs/tutorial.html">annotated source</a> of this app.
<section id="connection">
<div id="states" class="hidden">
<span id="connectionState">disconnected</span> |
<span id="authorizedState">not authorized</span>
<label for="userAddress">Your user address:</label>
<input type="text" id="userAddress" placeholder="" />
<input type="submit" id="connect" value="Connect to remoteStorage" />
<input type="submit" id="disconnect" value="Disconnect" class="hidden" />
<input type="submit" id="authorize" value="Authorize access" />
<input type="submit" id="deauthorize" value="Deauthorize access" class="hidden" />
<img src="images/spinner.gif" id="connectionSpinner" class="hidden" />
<section id="public_storage">
<h2 id="publicTitle">Read access for "public" category</h2>
<label for="publicKey">Key:</label>
<input type="text" id="publicKey" value="foo" />
<input type="submit" id="fetchPublicKey" value="Fetch" />
<img src="images/spinner.gif" id="fetchPublicSpinner" class="hidden" />
<label for="publicValue">Value:</label>
<input type="text" id="publicValue" />
<input type="submit" id="publishPublic" value="Save" />
<img src="images/spinner.gif" id="publishPublicSpinner" class="hidden" />
<section id="private_storage">
<h2>Read/write access for "tutorial" category</h2>
<label for="tutorialKey">Key:</label>
<input type="text" id="tutorialKey" value="bar" />
<input type="submit" id="fetchTutorialKey" value="Fetch" />
<img src="images/spinner.gif" id="fetchTutorialSpinner" class="hidden" />
<label for="tutorialValue">Value:</label>
<input type="text" id="tutorialValue" />
<input type="submit" id="publishTutorial" value="Save" />
<img src="images/spinner.gif" id="publishTutorialSpinner" class="hidden" />
<a href=""><img style="position: absolute; top: 0; right: 0; border: 0;" src="" alt="Fork me on GitHub"></a>
Jump to Line
Something went wrong with that request. Please try again.