client-side storage 
DESCRIPTION
Intruduction to sessionStorage, localStorage &localDatabase. Example http://dev.augentier.info/InterfaceEntwicklung/smashing_offline/ more information http://developer.apple.com/library/safari/#documentation/iPhone/Conceptual/SafariJSDatabaseGuide/Introduction/Introduction.htmlTRANSCRIPT
Client-side Storage
Cookies
setcookie('name','Lorem Ipsum');
echo $_COOKIE['name'];
PHP
document.cookie = 'name=Lorem Ipsum';
alert(document.cookie);
JavaScript
Sessionssession_start();$_SESSION['name'] = 'Lorem Ipsum';
echo $_SESSION['name'];
PHP
sessionStorage
sessionStorage.setItem('name','Lorem Ipsum');
alert(sessionStorage.getItem('name'));
JavaScript
localStorage
localStorage.setItem('name','Lorem Ipsum');
alert(localStorage.getItem('name'));
JavaScript
BeispielTic Tac Toe
localDatabase
openDatabase
var db = openDatabase('shortName','1.0','displayName', 10000);
create table
db.transaction( function(transaction){ transaction.executeSql('CREATE TABLE foobar (id, name)'); })
insert into
db.transaction( function(transaction){ transaction.executeSql('INSERT INTO foobar (id, name) VALUES ("1", "Maik")'); })
SQLCREATE TABLE foobar ( id INTEGER NOT NULL PRIMARY KEY AUTOINCREMENT, name VARCHAR(200) NOT NULL, description TEXT NOT NULL)
INSERT INTO foobar ( name, description) VALUES ( 'Maik', 'Maik lebt in Berlin und ist 24 Jahre alt.')
UPDATE foobar SET name = 'Torben' WHERE name == 'Maik'
SQL
SELECT name FROM foobar
SELECT * FROM foobar
SELECT * FROM foobar WHERE name == 'Torben'
SELECT * FROM foobar WHERE name LIKE 'torben' ORDER BY id DESC LIMIT 5
SQLite Documentationwww.sqlite.org/lang.html
handle results
db.transaction( function(transaction){ transaction.executeSql('SELECT * FROM foobar',[ ], function (transaction, results){ for(var i=0; i<results.rows.length; i++){ console.log(results.rows.item(i)); } }) })
Referencedeveloper.apple.com/library/safari/#documentation/iPhone/Conceptual/SafariJSDatabaseGuide/Introduction/Introduction.html
BeispielText-Editor
BeispielSmashing Magazine Offline App
cache.manifestCACHE MANIFEST
# Cache manifest version 0.2
CACHE:style.css
NETWORK:*
FALLBACK:images/ images/fallback.png
geschafft. danke. fragen?