###前提
monacaを使いアンドロイドスマートフォンアプリを作成しています。
ビーコンスタンプラリーアプリというものです。
ビーコンに近づくと(スタンプラリーの拠点)「〇」の印をチェックシート(sheet.html)にある表につけたいのですが、スタンプラリーの拠点にあるビーコンに近づくと、ビーコンは反応して画像が表示されるのですが、チェックシートに「〇」が付きません。
localStorageを使い値を保存しようとしています。
###現状
下記のソースコードで、作られるボタン先のhtmlページに
html
1<input type="button" onclick="location.href='test.html?bk=1'" value="テスト" style="WIDTH: 100%; HEIGHT: 40px">
下記のソースコードを入れたところチェックシートに「〇」が付きました。
html
1<script> 2 var num = "〇"; 3 window.localStorage.setItem('access_count', num); 4</script>
しかし、ビーコンに接近したときに受け取るhtmlのページに組み込んでも反応しませんでした。
html
1<!--beacon.html これがビーコンのページです--> 2<!DOCTYPE HTML> 3<ons-navigator var="beaconNavigator"> 4 <html lang="ja"> 5 <head> 6 <meta charset="UTF-8"> 7 </head> 8 9 <body> 10 <form> 11 <center> 12 <img src="image/maimaiJ.jpg" width="310" height="410"></a> 13 </center> 14 </form> 15 </body> 16</html> 17<script> 18 var num = "〇"; 19 // データの保存 20 window.localStorage.setItem('access_count', num); 21</script> 22</ons-navigator>
ご指摘を受け、チェックシートのページ(sheet.html)に下記の文をいれてみたのですが、
やはり画像は受け取ることができるのですが、チェックシートには〇が付きませんでした。
html
1window.onload = function() { 2 bbbValue = window.localStorage.getItem('access_count');//localStorageから値を取得 3 console.log(bbbValue);//bbbの値が確認できたら、このコードは削除してください。 4 var tableCellbbb = document.getElementById( "test_bbb" ) ;//テーブル内の値を入れる部分を宣言 5 tableCellbbb.innerHTML = bbbValue ; //テーブル内の値を置き換える 6}
###実現したいこと
ビーコンからページを受け取り、チェックシートの表に「〇」が書き込まれるようにしたいです。
###補足情報(言語/FW/ツール等のバージョンなど)
プログラミング初心者なため不要な部分のソースコードがありましたら申し訳ありません。
チェックシートのページは下記になります。
html
1<!--sheet.html これがチェックシートのページです--> 2<!DOCTYPE HTML> 3<html ng-app="BeaconProject"> 4 <head> 5 <meta charset="utf-8"> 6 </head> 7 8 <body> 9 <script type="text/javascript"> 10 </script> 11 <!-- <center><h1>チェックシート</h1></center> --> 12 <br /> 13 <div data-role="content"> 14 <center> 15 <table id="rankingTable" border="1" width="90%" cellspacing="1" cellpadding="5"> 16 <tr> 17 <th align="right" nowrap>まいまいず井戸</th> 18 <td id= "check_1"align="center" width="150"> 19 <div id="test_bbb"></div> 20 </td> 21 </tr> 22 </table> 23 <br /> 24 </center> 25 </div> 26 </body> 27</html> 28<script type="text/javascript"> 29window.onload = function() { 30 bbbValue = window.localStorage.getItem('access_count');//localStorageから値を取得 31 console.log(bbbValue);//bbbの値が確認できたら、このコードは削除してください。 32 var tableCellbbb = document.getElementById( "test_bbb" ) ;//テーブル内の値を入れる部分を宣言 33 tableCellbbb.innerHTML = bbbValue ; //テーブル内の値を置き換える 34} 35</script>
回答1件
あなたの回答
tips
プレビュー