
Duda-HTML5-onupgradeneeded
Publicado por Victor (22 intervenciones) el 24/05/2018 13:08:44
Buenas tardes.
Si alguien controla de html5 me gustaria saber por que no entra en la funcion onupgradeneeded.
Estoy trabajando con google Chorme
Este es el codigo:
PD:Alguien sabe de un curso(pdf) de HTML5 que sea realmente bueno?
Gracias de antemano,saludos.
Si alguien controla de html5 me gustaria saber por que no entra en la funcion onupgradeneeded.
Estoy trabajando con google Chorme
Este es el codigo:
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
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
<html>
<head>
<title>TODO supply a title</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script type="text/javascript">
const dbName = "the_name";
var request = indexedDB.open(dbName, 2);
// Así se ve nuestra información de clientes.
const customerData = [
{ssn: "444-44-4444", name: "Bill", age: 35, email: "bill@company.com"},
{ssn: "555-55-5555", name: "Donna", age: 32, email: "donna@home.org"}
];
request.onsuccess = function (event) {
// Hacer algo con request.result!
db = event.target.result;
alert("Entra en Onsuccess");
request.onupgradeneeded = function (event) {
var db = event.target.result;
alert("Holaaaaaa dentro de onupgradeneeded");
// Se crea un almacén para contener la información de nuestros cliente
// Se usará "ssn" como clave ya que es garantizado que es única
var objectStore = db.createObjectStore("customers", {keyPath: "ssn"});
// Se crea un índice para buscar clientes por nombre. Se podrían tener duplicados
// por lo que no se puede usar un índice único.
objectStore.createIndex("name", "name", {unique: false});
// Se crea un índice para buscar clientespor email. Se quiere asegurar que
// no puedan haberdos clientes con el mismo email, asi que se usa un índice único.
objectStore.createIndex("email", "email", {unique: true});
// Se usa transaction.oncomplete para asegurarse que la creación del almacén
// haya finalizado antes de añadir los datos en el.
objectStore.transaction.oncomplete = function (event) {
alert("Holaaaaaaaaaaaa")
// Guarda los datos en el almacén recién creado.
var customerObjectStore = db.transaction("customers", "readwrite").objectStore("customers");
for (var i in customerData) {
customerObjectStore.add(customerData[i]);
}
}
};
};
request.onerror = function (event) {
// Hacer algo con request.errorCode!
alert("Why didn't you allow my web app to use IndexedDB?!");
};
</script>
</head>
<body>
<div>TODO write content</div>
</body>
</html>
PD:Alguien sabe de un curso(pdf) de HTML5 que sea realmente bueno?
Gracias de antemano,saludos.
Valora esta pregunta


0