Si específicamente es Web Sql de HTML5 ya he logrado algo les pongo el código a ver si a alguien le sirve, al solucionarlo por completo subo todo el código como contribución
Código HTML:
Ver original<!DOCTYPE HTML>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <script type="text/javascript"> var db = openDatabase('logros540', '1.0', 'Logros', 1024);
var msg;
db.transaction(function (tx) {
tx.executeSql('CREATE TABLE IF NOT EXISTS juego (id unique, fecha, deporte, status, id_liga, id_deporte, id_inca)');
tx.executeSql('CREATE TABLE IF NOT EXISTS logro (id unique, id_juego, referencia, id_equipo, nombre, ml, rl, rll, srl, srll, ab, abl, pml, prl, prll, pab, pabl, inning, anota, gt, gtl)');
tx.executeSql('CREATE TABLE IF NOT EXISTS score (id, id_juego, nombre)');
tx.executeSql('INSERT INTO juego (fecha) VALUES ("02/02/2015")');
tx.executeSql('INSERT INTO logro (referencia, nombre) VALUES ("23571", "Chicago Bull")');
//tx.executeSql('INSERT INTO juego (id, fecha) VALUES (4, "02/02/2015")');
});
db.transaction(function (tx) {
tx.executeSql('SELECT * FROM juego', [], function (tx, results) {
var len = results.rows.length, i;
for (i = 0; i < len; i++){
msg = "<td>"+ results.rows.item(i).fecha + "
</td>";
document.querySelector('#status').innerHTML += msg;
}
}, null);//cierre de funcion
});
db.transaction(function (tx) {
tx.executeSql('SELECT * FROM logro', [], function (tx, results) {
var len = results.rows.length, i;
for (i = 0; i < len; i++){
msg = "<td>" + results.rows.item(i).referencia + "
</td>" + "
<td>" + results.rows.item(i).nombre + "
</td>";
document.querySelector('#status').innerHTML += msg;
}
}, null);//cierre de funcion
});
<table id="status" border="1 px"> <td colspan= 3>Juego completo
</td> <td colspan= 3>Primera mitad
</td>