File: /var/www/html/tmpr/..//tmpr/../tmpr/../tmpr/../tmpr/../tmpr/..//real/contacts2.html
<!DOCTYPE html>
<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=medium-dpi" />
<script type="text/javascript" charset="utf-8" src="phonegap.js"></script>
<script src="js/jquery-1.8.0.min.js"></script>
<script src="js/fastclick.js"></script>
<link rel="stylesheet" href="css/menu-app.css">
<script type="text/javascript">
document.addEventListener("deviceready", onDeviceReady, false);
function onDeviceReady() {
$("#check").html('<i class="icon-spinner"></i>Loading Phonebook');
var options = new ContactFindOptions();
options.filter="";
options.multiple=true;
var fields = [ "displayName", "phoneNumbers"];
navigator.contacts.find(filter, onSuccess, onError, options);
options.multiple=true;
}
function onSuccess(contacts) {
var myContacts = new Object();
for (var i=0; i<contacts.length; i++)
{
/* if( contacts[i].phoneNumbers == null )
continue;*/
if(contacts[i].phoneNumbers.length){
for (var j=0; j<contacts[i].phoneNumbers.length; j++)
{
var pNumber = contacts[i].phoneNumbers[j].value;
var name = contacts[i].displayName != null ? contacts[i].displayName: "No names";
// To sort the names based on the starting letter
// Stores the names in that array
var index = name.substring(0,1).toUpperCase();
if (typeof myContacts[index] == 'undefined')
{
myContacts[index] = new Array();
}
// cuts the large names
if( name.length > 35 )
{
name = name.substr(0,35)+"...";
}
// Push every details into an array.
myContacts[index].push({"name":name, "pNumber": pNumber} );
}
}
var arrayKeys = new Array();
for (var key in myContacts )
{
arrayKeys.push( key );
}
// Sorts the array based on the key A, B , C etc
arrayKeys = arrayKeys.sort();
for( i = 0 ; i < arrayKeys.length ; i++ )
{
var records = myContacts[ arrayKeys[i] ];
$("#contacts").append ("<section class='panel clearfix bg-white' style='margin-bottom:12px; margin-top:0px'><div class='panel-body'><div class='clear'><small class='block text-muted'>"+ arrayKeys[i]+ "</small>" + arrayKeys[i]+ "</div></div></section> ");
// Sort each names
records = records.sort( sortNames );
for( var r_key in records )
{
$("#contacts").append ( "<section class='panel clearfix bg-white' style='margin-bottom:12px; margin-top:0px'><div class='panel-body'><div class='clear'><small class='block text-muted'>"+records[r_key].name + "</small>" + records[r_key].pNumber + "</div></div></section>");
}
}
}
}
function sortNames(a, b )
{
return a.name.toLowerCase() > b.name.toLowerCase() ? 1 : -1;
}
// onError: Failed to get the contacts
function onError(contactError) {
alert('onError!');
}
</script>
<link rel="stylesheet" href="css/mytv.css" type="text/css" charset="utf-8" />
<link rel="stylesheet" href="css/font.css" type="text/css" charset="utf-8" />
<link href="css/styles.css" type="text/css" rel="stylesheet" />
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div class="dialog-background">
<div class="dialog-loading-wrapper">
<span class="dialog-loading-icon"></span>
</div>
</div>
<div class="header-contX3 animated fadeIn"></div>
<div class="header-contX2" style="display:none"></div>
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0" style="background-image:url(images/newprofile.png); background-position:left; background-position:top">
<tr>
<td valign="top" width="100%" height="40" >
<table border="0" cellpadding="0" cellspacing="0" height="40" width="100%" class="header-contX animated bounce" style="background-image:url(images/header.png); background-position:top">
<tr>
<td width="53" height="40" ><a href="index.html"><img src="images/homey.png" height="40" style="-webkit-transform: translate3d(0,0,0); "></a></td>
<td width="100%" height="40" align="left" style="color: #FFF" >
<a href="#" class="reload" id="1"><span id="check" style="color:#FFF"></span></a> </td> <td width="44" height="40" ><a name="search"></a></td> <td width="44" height="40" > </td>
<td width="44" height="40" ><a href="index.html"><img src="images/app_04.png" width="44" height="40" alt=""> </a></td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="55" valign="top">
<table border="0" cellpadding="0" width="100%" cellspacing="0" height="55" class="animated flash" >
<tr>
<td width="153" height="55" >
<img src="images/invite.png" alt="" width="190" height="55" style="-webkit-transform: translate3d(0,0,0); "></td>
<td width="100%" height="55">
</td>
<!--<td width="54" height="55" >
<a href='#' class='searchopen' id='1' title='Comment'><img src="images/buttons2_03.png" width="54" height="55" alt=""></a></td>-->
<td width="53" height="55" > </td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="100%" height="100%" style="min-height:0px" valign="top" >
<div class="row wrapper" id="contacts" style="margin-top:0px; padding-top:0" >
</div>
</td>
</tr>
</table>
</body>
</html>