<!doctype html>
<head>
<script>
function iniciar()
{
var boton=document.getElementById("grabar");
boton.addEventListener("click",agregarlibro, false);
}
indexedDB.open = function crear()
{
var request = indexedDB.open("valores");
request.onsuccess = function(e)
{
indexedDB.db = e.target.result;
}
request.onfailure = indexedDB.onerror;
}
function crear (e)
{
bd=e.result
if(bd.version=="");
{
var solicitud=bd.setVersion("1.0")
solicitud.addEventListener("error",errores, false);
solicitud.addEventListener("success",crearbd,false);
}
}
function agregarlibro( )
{
var indentificador = document.getElementById("identificador").value
var titulo=document.getElementById("titulo").value
var ano=document.getElementById("año").value
var transaccion=bd.transaction(["biblioteca"],IDBTransaction.Lista)
var almacen=transaccion.objectStore("titulo")
solicitud.addEventListener("Success",function(){mostrar(clave)},false);
document.getElementById("identificador").value=""
document.getElementById("titulo").value=""
document.getElementById("año").value=""
}
function mostrar(clave)
{
var transaccion=bd.transaction(["biblioteca"])
var almacen=transaccion.objectStore("titulo")
var solicitud=almacen.get(clave)
solicitud.addEventListener("success",mostrarlista, false)
}
function mostrarlista(e)
{
var resultado=e.result
cajadatos.innerHTML="<div>"+resultado.id+" - "+resultado.nombre+" - "+resultado.fecha+"<div>"
}
window.addEventListener("load", iniciar, false);
</script>
</head>
<body>
<section id="biblioteca">
<form name="formulario">
<p>Identificador del libro:<br><input type="text" name="idetificador" id="identificador"></p>
<p>Titulo:<br><textarea name="titulo" id="titulo"></textarea></p>
<p>Año de publicacion<br><textarea name="año" id="año"></textarea></br></p>
<p><input type="button" name="grabar" id="grabar" value="Grabar"></p>
</form>
</section>
<section id="cajadatos">
No hay informacion disponible
</section>
</body>
<!doctype html>
<head>
<script>
function iniciar()
{
var boton=document.getElementById("grabar");
boton.addEventListener("click",agregarlibro, false);
}
indexedDB.open = function crear()
{
var request = indexedDB.open("valores");
request.onsuccess = function(e)
{
indexedDB.db = e.target.result;
}
request.onfailure = indexedDB.onerror;
}
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);
}
}
function agregarlibro(e)
{
bd=e.result || e.target.result
var indentificador = document.getElementById("identificador").value
var titulo=document.getElementById("titulo").value
var año=document.getElementById("año").value
var transaccion=bd.transaction(["biblioteca"],IDBTransaction.crear)
var almacen=transaccion.objectStore("titulo")
solicitud.addEventListener("Success",function(){mostrar(clave)},false);
document.getElementById("identificador").value=""
document.getElementById("titulo").value=""
document.getElementById("año").value=""
}
function mostrar(identificador)
{
var transaccion=bd.transaction(["biblioteca"])
var almacen=transaccion.objectStore("titulo")
var solicitud=almacen.get(clave)
solicitud.addEventListener("success",mostrarlista, false)
}
function mostrarlista(e)
{
var resultado=e.result
cajadatos.innerHTML="<div>"+resultado.id+" - "+resultado.nombre+" - "+resultado.fecha+"<div>"
}
window.addEventListener("load", iniciar, false);
</script>
</head>
<body>
<section id="biblioteca">
<form name="formulario">
<p>Identificador del libro:<br><input type="text" name="idetificador" id="identificador"></p>
<p>Titulo:<br><textarea name="titulo" id="titulo"></textarea></p>
<p>Año de publicacion<br><textarea name="año" id="año"></textarea></br></p>
<p><input type="button" name="grabar" id="grabar" value="Grabar"></p>
</form>
</section>
<section id="cajadatos">
No hay informacion disponible
</section>
</body>