1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 | <!DOCTYPE HTML> <html> <head> <meta name="viewport" content="width=320; user-scalable=no" /> <meta http-equiv="Content-type" content="text/html; charset=utf-8" > <title>PhoneGap</title> <link rel="stylesheet" href="master.css" type="text/css" media="screen" title="no title" charset="utf-8" > <script type="text/javascript" charset="utf-8" src="phonegap.0.9.4.js" ></script> <script type="text/javascript" charset="utf-8" > //show device information var deviceInfo = function (){ document.getElementById("platform").innerHTML = device.platform; document.getElementById("version").innerHTML = device.version; document.getElementById("uuid").innerHTML = device.uuid; document.getElementById("name").innerHTML = device.name; document.getElementById("width").innerHTML = screen.width; document.getElementById("height").innerHTML = screen.height; document.getElementById("colorDepth").innerHTML = screen.colorDepth; }; //listen the device ready event and get the device information. function init(){ document.addEventListener("deviceready", deviceInfo, true ); } // get device contacts list by the contacts API. function get_contacts() { var obj = new ContactFindOptions(); obj.filter=""; obj.multiple=true ; obj.limit=5; navigator.service.contacts.find(["name","displayName", "phoneNumbers", "emails"],contacts_success, fail, obj); } function fail(fail) { alert(fail); } function contacts_success(contacts) { var result = ""; for (var i=0;i<contacts.length;i++) { result += "Name: " + contacts.name.givenName + ", displayName: "+ contacts.displayName + ",Email:" + contacts.emails[0].value; result += "<br>"; } document.getElementById("conlist").innerHTML = result; alert(contacts.length + ' contacts returned.' ); } </script> </head> <body onload="init();" id="stage" class="theme" > <h1>Welcome to PhoneGap!</h1> <h2>this file is located at assets/index.html</h2> <div id="info" > <h4>Platform: <span id="platform" > </span>, Version: <span id="version" > </span></h4> <h4>UUID: <span id="uuid" > </span>, Name: <span id="name" > </span></h4> <h4>Width: <span id="width" > </span>, Height: <span id="height" > </span>, Color Depth: <span id="colorDepth" ></span></h4> </div> <a href="#" class="btn large" onclick="get_contacts();"> Get phone's contacts</a> <a href="http://w3.ibm.com/w3odw/spg/index_default.html" class="btn large" >Access IBM Home Page</a> <form action="http://x.x.x.x:8080/WebTest/index.jsp" method="get" > Username: <input type="text" name="name" /> <input type="submit" /> </form> <div id="conlist" > </div> </body> </html> |
欢迎光临 电子技术论坛_中国专业的电子工程师学习交流社区-中电网技术论坛 (http://bbs.eccn.com/) | Powered by Discuz! 7.0.0 |