Web SQL

grossbergsteven · #1 (**permalink**) 26/01/2015, 09:31

Buenos días, se que una de las caracteristicas del HTML 5 es poder crer bases dedatos locales, mi consulta es la siguiente, quiero crear una base de datos local, insertarle datos y luego mostrar esos datos en una tabla html, he preparado algo de codigo pero me falta la consulta, quien me pueda ayudar se lo agradezco muchisimo

Código PHP:

  <!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <title>NBA</title> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> 
    <link rel="stylesheet" href=""> 
    <script type="text/javascript"> 
    var db = openDatabase("logros", "1.0", "", 2 * 1024 * 1024); 
    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 unique, id_juego, nombre)'); 
      tx.executeSql('INSERT INTO juego (id, fecha) VALUES (1, "Chicago Bull")'); 
}); 
  db.transaction(function (tx) { 
   tx.executeSql('SELECT * FROM logro', [], function (tx, results) { 
   var n1 = results.rows.length, i; 
   msg = "<p>Found rows: " + len + "</p>"; 
   document.querySelector('#status').innerHTML +=  msg; 
   for (i = 0; i < len; i++){ 
      alert(results.rows.item(i).log ); 
   } 
 }, null); 
}); 
 
    </script> 
</head> 
<body> 
    <table id="logros" border="1 px"> 
    <tr> 
      <td colspan=3></td> 
      <td colspan= 3>Juego completo</td> 
      <td colspan= 3>Primera mitad</td> 
    </tr> 
    <tr> 
      <td>Fecha/Hora</td> 
      <td>Ref</td> 
      <td>Equipo</td> 
      <td>ML</td> 
      <td>A/B</td> 
      <td>RL</td> 
      <td>ML</td> 
      <td>A/B</td> 
      <td>RL</td> 
    </tr> 
  </table> 
</body> 
</html>