phonegap と JQuery Mobile を使用して Android アプリを作成しようとしています。
値を示す div があります。ラベルの値に div の値を加算または減算してチェックボックスをクリックするたびに、その値が変更されます
これは、Android デバイスにインストールするインデックス ファイルです。
<head>
<script>
function inputData(idVar)
{
var myId;
myId = document.getElementById(idVar).getAttribute("value");
var myTag = document.getElementById(idVar);
var mymyTag = myTag.querySelectorAll(".ui-btn-text");
var myData = mymyTag[0].innerHTML;
var myDataParsed = parseInt(myData);
if (document.getElementById(myId).checked==false)
{
myDataPrased = myDataParsed+parseInt(document.getElementById("input_label").innerHTML);
document.getElementById("input_label").innerHTML=myDataPrased;
}
else
{
var myResult
var myOldData = parseInt(document.getElementById("input_label").innerHTML);
myResult = myOldData-myDataParsed;
document.getElementById("input_label").innerHTML=myResult;
}
}
</script>
</head>
<body>
<div data-role="page" id="input">
<div data-role="header"></div>
<div data-role="content">
<div data-role='fieldcontain' align="center">
<fieldset data-role='controlgroup' id="in">
</fieldset>
</div>
<div id="input_label">0</div>
<a href="#data" data-role="button" data-inline="true">Back</a>
</div>
<div data-role="footer" data-position="fixed">
<h4>Page Footer</h4>
</div>
チェックボックスは、php ページから生成されます。そして挿入された
<fieldset data-role='controlgroup' id="in">
ラベルをクリックすると、関数「inputData」が呼び出されます (JQuery Mobile では、ラベル タグが CheckBox を覆っているように見えるため、チェックボックスをクリックしていると思ったら、実際にはラベルをクリックしていて、チェックボックスをトリガーするイベント)
関数はラベルの ID を受け取ります。それを使って、labelタグの「value」属性からCheckBoxのIDを抽出して取得するので、CheckBoxがチェックされているかどうかを確認するために使用します。
このコードは、FireFox などの Web ブラウザで完全に実行されます。しかし、Eclipse を使用して Android デバイスにインストールすると、実行されません。チェックボックスをどのようにクリックしても。div の値は変わりません。