Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>to make html5rocks demo work on Firefox you need to attach <code>onupgradeneeded</code> event on database open instead of <code>setversion</code> method for creating the database. here is the code sample that works both on Firefox and Chrome:</p> <pre><code>myStorage.indexedDB.open = function() { var v = 1; var request = indexedDB.open("todos", v); //Firefox code for db init request.onupgradeneeded = function (e) { myStorage.indexedDB.db = e.target.result; var db = myStorage.indexedDB.db; // We can only create Object stores in a setVersion transaction; if(db.objectStoreNames.contains("todo")) { var storeReq = db.deleteObjectStore("todo"); } var store = db.createObjectStore("todo", {keyPath: "timeStamp"}); } request.onsuccess = function(e) { myStorage.indexedDB.db = e.target.result; var db = myStorage.indexedDB.db; //Chrome code for db init if (v!= db.version &amp;&amp; db.setVersion) { var setVrequest = db.setVersion(v); // onsuccess is the only place we can create Object Stores setVrequest.onerror = myStorage.indexedDB.onerror; setVrequest.onsuccess = function(e) { if(db.objectStoreNames.contains("todo")) { db.deleteObjectStore("todo"); } var store = db.createObjectStore("todo", {keyPath: "timeStamp"}); myStorage.indexedDB.getAllTodoItems(); }; } else myStorage.indexedDB.getAllTodoItems(); }; request.onerror = myStorage.indexedDB.onerror; } </code></pre> <p>Edit: Here is a link to working version of the html5roks ToDo demo, which I maintain on <a href="https://github.com/denimf/IndexedDbToDo" rel="nofollow">github</a>, expanded with two new features for viewing details data and updating values.</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    3. VO
      singulars
      1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload