編集履歴

質問編集履歴

2018/11/18 09:37

投稿

tetsu777

スコア39

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -38,6 +38,8 @@
 ```
 <!DOCTYPE html>
 <html>
@@ -60,25 +62,21 @@
   <input type="button" value="設定" onclick="setValue()"/>
+   <!--
   <h3>参照</h3>
   <input type="button" value="全取得" onclick="getAll()"/>
+   -->
-    <h3>2処理結果</h3>
+  <h3>2処理結果</h3>
   <div id="result"></div>
 <hr/>
-    <h3>3インデックスを使った検索</h3>
+  <h3>3インデックスを使った検索</h3>
   <form action="#">
@@ -88,17 +86,13 @@
     <p>小分類：<input type="text" id="copykey" placeholder="キー"/></p>
-<!--  <input type="button" value="設定" onclick="copysetValue()"/>
+ <!-- <input type="button" value="設定" onclick="copysetValue()"/>-->
--->
-   <h3>4処理結果2
+    <h3>4処理結果2
-  </h3>
+    </h3>
-  <div id="result2"></div>
+    <div id="result2"></div>
   </form>
@@ -118,41 +112,27 @@
  //  indexedDB.deleteDatabase("mydb");
     var openRequest = indexedDB.open("mydb", 1.0);
     openRequest.onupgradeneeded = function(event) {
       // データベースのバージョンに変更があった場合(初めての場合もここを通ります。)
       db = event.target.result;
-      var store = db.createObjectStore("mystore", { keyPath: "mykey"
+      var store = db.createObjectStore("mystore", { keyPath: "mykey",autoIncrement:true});
-                                                   ,autoIncrement:true
-                                               });
- store.createIndex("myvalueIndex",["myvalue","myvalue2"]
+      store.createIndex("myvalueIndex",["myvalue","myvalue2"],{unique:false,multiEntry:false});
-                      ,{unique:false,multiEntry:false}
-                  );
- store.createIndex("myvalueIndexcate",["myvalue"],{unique:false,multiEntry:false});
+      store.createIndex("myvalueIndexcate",["myvalue"],{unique:false,multiEntry:false});
     }
     openRequest.onsuccess = function(event) {
-          db = event.target.result;
+      db = event.target.result;
-        }
+    }
   } else {
@@ -160,7 +140,7 @@
   }
   function setValue(event) {
@@ -168,7 +148,7 @@
     var value = document.getElementById("newvalue").value;
-     var value2 = document.getElementById("newvalue2").value;
+    var value2 = document.getElementById("newvalue2").value;
     var transaction = db.transaction(["mystore"], "readwrite");
@@ -182,15 +162,13 @@
       document.getElementById("newvalue").value = "";
-        document.getElementById("newvalue2").value = "";
+      document.getElementById("newvalue2").value = "";
-    }
+    }
-  }
+  }
   function getAll(event) {
@@ -214,23 +192,21 @@
       var cursor = event.target.result;
-          var data = cursor.value;
+      var data = cursor.value;
-result.innerHTML += "<table border='1'><td>"+"key："  + cursor.key + "</td>" +"<td>"+"value：" + data.myvalue +  "  value2：" + data.myvalue2 +"</td></table>";
+      result.innerHTML += "<table border='1'><td>"+"key："  + cursor.key + "</td>" +"<td>"+"value：" + data.myvalue +  "  value2：" + data.myvalue2 +"</td></table>";
       cursor.continue();
-    }
+    }
-  }
+  }
-    function getAllcate(event) {
+  function getAllcate(event) {
-      var result = document.getElementById("result2");
+    var result = document.getElementById("result2");
     result.innerHTML = "";
@@ -240,62 +216,50 @@
     var index = store.index("myvalueIndexcate");
- var request = index.openCursor(null,"nextunique");
+    var request = index.openCursor(null,"nextunique");
     request.onsuccess = function (event) {
-    if(event.target.result == null) {
+      if(event.target.result == null) {
-    return;
+        return;
-   }
+      }
       var cursor = event.target.result;
-       var data = cursor.value;
+      var data = cursor.value;
-         result.innerHTML += "<p class='txt' value='data.myvalue'>" + '大分類: ' +data.myvalue +"</p>";
+      result.innerHTML += "<p class='txt' value='data.myvalue'>" + '大分類: ' +data.myvalue +"</p>";
       cursor.continue();
-    }
+    }
-  }
+  }
-window.addEventListener('DOMContentLoaded', function(e){
+  window.addEventListener('DOMContentLoaded', function(e){
-  [].forEach.call(document.querySelectorAll('.txt'),function(x){
+    [].forEach.call(document.querySelectorAll('.txt'),function(x){
-    ["click","input"].forEach(function(y){
+      ["click","input"].forEach(function(y){x.addEventListener(y,function(e){
-      x.addEventListener(y,function(e){
-        var v=(x.nodeName=="INPUT")?x.value:x.textContent;
+    var v=(x.nodeName=="INPUT")?x.value:x.textContent;
         document.querySelector('#copy').value=v;
       });
+                                           });
     });
   });
-});
 </script>
 </html>
 ```