I can't this simplest use of AppMobi.contacts.chooseContact() example to work. It works in the XDK but then not on app-lab for iPhone 4s and I tried on my old Kindle Fire, where it crashes the app-lab app after picking a contact or two. It handled when you cancel the choosing of contact properly, but if you choose one the event listener appears to never be called.
I also ran it in a native app compiled for iPhone and same problem. Here's the code I used to minimally reproduce the problem, which I've run on the XDK on Windows, and the iPhone and Kindle Fire using Test Anywhere on app-lab and it exhibits the same problems described below. The code is included below. I know I'm probably doing something really dumb and just don't see it, but I cannot figure it out. Thank you.
<!DOCTYPE html><!--HTML5 doctype-->
<html>
<head>
<title>Your New Application</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<style type="text/css">
/* Prevent copy paste for all elements except text fields */
* { -webkit-user-select:none; -webkit-tap-highlight-color:rgba(255, 255, 255, 0); }
input, textarea { -webkit-user-select:text; }
/* Set up the page with a default background image */
body {
background-color:#fff;
color:#000;
font-family:Arial;
font-size:48pt;
margin:0px;padding:0px;
background-image:url('images/background.jpg');
}
</style>
<script type="text/javascript" charset="utf-8" src="_appMobi/appmobi_local_bootstrap.js"></script>
<script type="text/javascript" charset="utf-8" src="http://localhost:58888/_appMobi/xhr.js"></script>
<script type="text/javascript">
/* This function runs once the page is loaded, but appMobi is not yet active */
var init = function(){
};
window.addEventListener("load",init,false);
/* This code prevents users from dragging the page */
var preventDefaultScroll = function(event) {
event.preventDefault();
window.scroll(0,0);
return false;
};
document.addEventListener('touchmove', preventDefaultScroll, false);
/* This code is used to run as soon as appMobi activates */
var onDeviceReady=function(){
//Size the display to 768px by 1024px
AppMobi.display.useViewport(768,1024);
//hide splash screen
AppMobi.device.hideSplashScreen();
document.addEventListener('appMobi.contacts.choose', onChooseContact);
document.addEventListener('appMobi.contacts.busy', onChooseContactBusy);
// runs right away more or less.
AppMobi.contacts.chooseContact();
};
document.addEventListener("appMobi.device.ready",onDeviceReady,false);
function onChooseContact(evt)
{
if (evt.success == true)
{
alert("Choose Contact Success");
//AppMobi.contacts.editContact(evt.contactid);
}
else if (evt.cancelled == true)
{
alert("Choose Contact Cancelled");
} else {
alert("Huh, how did it get here?");
}
}
function onChooseContactBusy()
{
alert('got in OnChooseContactBusy');
}
</script>
</head>
<body>
<a class="button"
onclick="AppMobi.contacts.chooseContact();" >Click Here to Choose Contact</a>
<br />
</body>
</html>
