-
Notifications
You must be signed in to change notification settings - Fork 0
/
indexDB_v3.htm
40 lines (37 loc) · 1.33 KB
/
indexDB_v3.htm
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<!DOCTYPE html>
<html>
<head>
<title>HTML5 Storage</title>
<meta charset="UTF-8"/>
<meta http-equiv="X-UA-Compatible" content="chrome=1"/>
<style type="text/css">
fieldset { background-color: lightblue; padding: 2ex; margin: 1ex;}
.editPanel { width: 420px;}
.outputPanel {width: 520px;}
</style>
</head>
<body>
<div class="slide">
<h1>HTML5 storage - Indexed DB Demo</h1>
<div class="editPanel" id="indexeddb-example">
<fieldset>
<label>Titel: </label><input id="idb-title" value="Introduction" type="text" size="45" />
<input id="idb-key" type="text" placeholder="key" size="25" /> <br />
<textarea type="text" placeholder="value" id="idb-text" cols="80"
rows="8" >Item Nummer xx</textarea>
<button onclick="idxDB.saveEntry()">save entry</button>
<button onclick="idxDB.updateValue()">update</button>
</fieldset>
<button onclick="idxDB.idbCreate()">create objectStore</button>
<button onclick="idxDB.idbRemove()">remove objectStore</button>
</div>
<div id="outputPanel" class="outputPanel">
<div id="idb-log"></div>
<div class="record-list" id="idb-results-wrapper"></div>
</div>
</div>
<div id='prot-out'>
</div>
<script type="text/javascript" src="./js/db_v05.js"></script>
</body>
</html>