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?