Q&A
前提・実現したいこと
テキストボックス内にいくつかのテキストをランダム表示させたい。
ストップウォッチ静止時に、タイムを保存し、別のページに表示させたい。
発生している問題・エラーメッセージ
エラーメッセージ
該当のソースコード
全体のホーム的ページ
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, maximum-scale=1, user-scalable=no"> <meta http-equiv="Content-Security-Policy" content="default-src * data: gap: https://ssl.gstatic.com; style-src * 'unsafe-inline'; script-src * 'unsafe-inline' 'unsafe-eval'"> <link rel="stylesheet" href="components/loader.css"> <script src="components/loader.js"></script> <script> </script> </head> <body> <p><font size="7" color="#00ff00">DNA転写・翻訳</font></p> <hr> <img src="http://livedoor.blogimg.jp/science_q/imgs/0/8/08b1325f.jpg"><br> <a href="apage.html"style="font-size:15pt;font-weight:bold;">DNA転写・翻訳ゲームへ</a><br> <a href="midlepage.html"style="font-size:15pt;font-weight:bold;">DNA転写・翻訳の仕組みへ</a></br> <a href="Samplepage1.html"style="font-size:15pt;font-weight:bold;">サンプルページへ</a><br> <a href="bpage.html"style="font-size:12pt;font-weight:bold;">正解はこちら</font></p> <hr> </body> </html> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, user-scalable=no"> <script type="text/javascript" charset="utf-8" src="components/loader.js"></script> <script src="js/ncmbController.js"></script> <script type="text/javascript" charset="utf-8"></head> </html>document.addEventListener("deviceready", onDeviceReady, false); function onDeviceReady() { window.alert("Create a database and display the content"); } function executeQuery(tx) { tx.executeSql('CREATE TestTable (time)'); } </script>
問題を出題し、回答を記入するページ
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <meta http-equiv="Content-Security-Policy" content="default-src * data: gap: content: https://ssl.gstatic.com; style-src * 'unsafe-inline'; script-src * 'unsafe-inline' 'unsafe-eval'"> <script src="components/loader.js"></script> <link rel="stylesheet" href="components/loader.css"> <link rel="stylesheet" href="css/style.css"> <script> </script> </head> <body> <p><font size="6" color="#00ff00">タイムトライアル転写</font></p> <hr> <div class="container"> <h1 id="timerLabel">00:00:00</h1><br> <input type="button" value="問題を表示" onclick="hyouji1()"> <br><br> <form name="form1" id="id_form1" action=""> <input name="textBox1" id="id_textBox1" type="text" value="" /> <br> <input type="button" value="Exec" onclick="onButtonClick();" /> </form> <br> <form><input type="button" value="問題を表示" onclick="hyouji2()"></form>①ここをクリック <br> <input type="button" class="myButton" onclick="start()" value="スタート" id="startBtn"> <br><br> <form name="myform"><input size="20" type="text" name="mytext"></form>
<br><br>
③ここをクリック
<br>
<input type="button" class="myButton" onclick="stop()" value="ストップ">
<br>
<location.href = 'boxpage.html';>
<br><br>
<a href="newpage.html"style="font-size:15pt;font-weight:bold;">タイムトライアル翻訳へ</a>
保存されたタイムを表示するページ
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, maximum-scale=1, user-scalable=no"> <meta http-equiv="Content-Security-Policy" content="default-src * data: gap: https://ssl.gstatic.com; style-src * 'unsafe-inline'; script-src * 'unsafe-inline' 'unsafe-eval'"> <link rel="stylesheet" href="components/loader.css"> <script src="components/loader.js"></script> <script type="text/javascript" language="javascript"> function onButtonClick() { target = document.getElementById("output"); target.innerText = document.forms.id_form1.id_textBox1.value; } </script> </head> <head> <body> <p><font size="6" color="#00ff00">結果</font></p> <hr><br> <div id="output"></div> </body> </html> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, user-scalable=no"> <script type="text/javascript" charset="utf-8" src="components/loader.js"></script> <script type="text/javascript" charset="utf-8"></head> <body> <input type="button"onclick="createDB"text="記録を見る"> <br><br> <a href="index.html"style="font-size:15pt;font-weight:bold;">ホームへ</a> </body> </html>function queryDB(tx) { tx.executeSql('SELECT * FROM TestTable ORDER BY time ASC;'); </script>
試したこと
functionのifを用いてランダム表示をしようとした。
STOP時にSQLを用いてタイムを保存しようとした。
補足情報（FW/ツールのバージョンなど）
タイムの保存、表示のために書いてみた部分は、
ホーム的ページの
document.addEventListener("deviceready", onDeviceReady, false);
function onDeviceReady() { window.alert("Create a database and display the content");
という部分と、問題を出題し、回答を記入するページの
function stop(){
status = 0;
startBtn.disabled = false;
tx.executeSql('INSERT INTO TestTable (time) VALUES (min + ":" + sec + ":" + mSec;)');
}
という部分と、保存されたタイムを表示するページの
function queryDB(tx) {
tx.executeSql('SELECT * FROM TestTable ORDER BY time ASC;');
という部分です。
回答1件
0
エラー内容やらが書いてないのでどういう問題が発生してるかよくわかりませんが、
内容見る限りSPAではないので
「保存されたタイムを表示するページ」
からデータが取れたらいいとシンプルに考えて、
queryDB関数をクリック時に呼び出してますが、
データベースの利用方法
にある通り、
JavaScipt
1 var db = window.openDatabase("Database", "1.0", "TestDatabase", 200000); 2 db.transaction(queryDB, errorCB);
という感じで呼ばないとtxがデータベースから取得用のオブジェクトにならないので取れないのだと思います。
投稿2019/09/03 08:50
総合スコア5545
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。