PhoneGapは初めてです。
私のアプリケーションは2ページにする必要があります。1つ目は、正常にロードすることです。最初のページには1つのボタンがあり、クリックすると2番目のページに移動します。2ページ目をロードする方法は?DriodGapを拡張するもう1つのアクティビティを準備する必要がありますか?
もう1つ問題があります。ボタンイベントをキャッチバックする方法は?
別のhtmlページに移動するためのコード。
<!DOCTYPE HTML>
<html>
<head>
<title>PhoneGap</title>
<script type="text/javascript" charset="utf-8" src="cordova-1.5.0.js"></script>
<script type="text/javascript" charset="utf-8">
function onLoad()
{
document.addEventListener("deviceready", onDeviceReady, true);
}
function onDeviceReady()
{
// navigator.notification.alert("PhoneGap is working");
}
function callAnothePage()
{
window.location = "test.html";
}
</script>
</head>
<body onload="onLoad();">
<h1>Welcome to PhoneGap</h1>
<h2>Edit assets/www/index.html</h2>
<button name="buttonClick" onclick="callAnothePage()">Click Me!</button>
</body>
バックイベントのコード。
<script type="text/javascript" charset="utf-8">
document.addEventListener("deviceready", onDeviceReady, true);
function onDeviceReady()
{
document.addEventListener("backbutton", BackKeyDown, true);
}
function BackKeyDown()
{
navigator.notification.alert();
//navigator.app.exitApp(); // For Exit Application
}
</script>
次のようにJavascriptからリダイレクトする必要があります。
HTMLコード:
<a id="loginLnk" href="javascript:(void)">Login</a>
Javascriptコード:
document.getElementById("loginLnk").addEventListener("click", function(){window.location = "/test.html";});