Everything in the code!!!
<!DOCTYPE html>
<html>
<head>
<title>Contact Example</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" charset="utf-8" src="cordova.js"></script>
<script type="text/javascript" charset="uft-8">
document.addEventListener("deviceready",onDeviceReady,false);
function onDeviceReady(){
var options = new ContactFindOptions();
options.filter="js";
filter = ["displayName","phoneNumbers"];
navigator.contacts.find(filter, onSuccess, onError, options);
}
function onSuccess(contacts){
var myresults = document.getElementById("results");
var string = "";
for (var i = 0; i < contacts.length; i++) {
// display phone numbers
for (var j = 0; j < contacts[i].phoneNumbers.length; j++) {
string += "Name: " + contacts[i].displayName + "<br/>" +
"Type: " + contacts[i].phoneNumbers[j].type + "
" +
"Value: " + contacts[i].phoneNumbers[j].value + "
" +
"Preferred: " + contacts[i].phoneNumbers[j].pref;
}
}
myresults.innerHTML = string;
}
function onError(contactError){
alert('Ooops!');
}
</script>
</head>
<body>
<h1>Contacts</h1>
<div id="results"></div>
</body>
</html>