estoy haciendo un ejercicio para aprender la API IndexedDB de html5. Estoy corriendo el siguiente codigo y me da un error que no entiendo cual es. Me podrían ayudar a resolverlo?
El error que me da es:
"Uncaught DOMException: Failed to execute 'transaction' on 'IDBDatabase': One of the specified object stores was not found."
Codigo JS:
function iniciar(){
cajadatos=document.getElementById('cajadatos');
var boton=document.getElementById('grabar');
boton.addEventListener('click', agregarobjeto, false);
if('webkitIndexedDB' in window){
window.indexedDB=window.IndexedDB;
window.IDBTransaction=window.IDBTransaction;
window.IDBKeyRange=window.IDBKeyRange;
window.IDBCursor=window.IDBCursor;
} else if ('mozIndexedDB' in window) {
window.indexedDB=window.mozIndexedDB;
};
var solicitud = indexedDB.open('mibase');
solicitud.addEventListener('error', errores, false);
solicitud.addEventListener('success', crear, false);
}
function errores(e){
alert('Error: '+e.code+' '+e.message);
}
function crear(e){
bd = e.result || e.target.result;
if(bd.version == '') {
var solicitud = bd.setVersion('1.0');
solicitud.addEventListener('error', errores, false);
solicitud.addEventListener('success', crearbd, false);
} else { mostrar();
};
}
function crearbd() {
var almacen = bd.createObjectStore('peliculas', {keyPath: 'id'});
almacen.createIndex('BuscarFecha', 'fecha', {unique: false});
}
function agregarobjeto(){
var clave = document.getElementById('clave').value;
var titulo = document.getElementById('texto').value;
var fecha = document.getElementById('fecha').value;
var transaccion = bd.transaction(['peliculas'], IDBTransaction.READ_WRITE);
var almacen = transaccion.objectStore('peliculas');
var solicitud = almacen.add({id: clave, nombre: titulo, fecha: fecha});
solicitud.addEventListener('success', mostrar, false);
document.getElementById('clave').value = '';
document.getElementById('texto').value = '';
document.getElementById('fecha').value = '';
}
function mostrar() {
cajadatos.innerHTML = '';
var transaccion = bd.transaction(['peliculas']);
var almacen = transaccion.objectStore('peliculas');
var cursor = almacen.openCursor();
cursor.addEventListener('success', mostrarlista, false);
}
function mostrarlista(e){
var cursor = e.result || e.target.result;
if(cursor) {
cajadatos.innerHTML += '<div>' + cursor.value.id + ' - ' + cursor.value.nombre + ' - ' + cursor.value.fecha + '</div>';
cursor.continue();
};
}
window.addEventListener('load', iniciar, false);
Codigo HTML:
<!DOCTYPE html>
<html lang="es">
<head>
<title>IndexedDB API</title>
<link rel="stylesheet" href="indexed.css">
<script src="indexed.js"></script>
</head>
<body>
<section id="cajaformulario">
<form name="formulario">
<p>Clave:<br><input type="text" name="clave" id="clave"></p>
<p>Título:<br><input type="text" name="texto" id="texto"></p>
<p>Año:<br><input type="text" name="fecha" id="fecha"></p>
<p><input type="button" name="grabar" id="grabar" value="Grabar"></p>
</form>
</section>
<section id="cajadatos">
No hay información disponible
</section>
</body>
</html>