First you have to design app template accordingly  that index.html page as below.


<!DOCTYPE html>

<meta charset=”utf-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no”>
<meta name=”apple-mobile-web-app-capable” content=”yes”>
<meta name=”apple-mobile-web-app-status-bar-style” content=”black”>
<style type=”text/css”>
img{ min-width:100%; width:100%; height:auto;}
border-radius: 25px;
border: 2px solid #CCCCCC;
padding: 20px;
height: auto;
<link rel=”stylesheet” href=””>
<script src=””></script>
<script src=””></script>

//alert(“Started scrolling!”);
var iabRef = null;
// device APIs are available
$(‘.link’).live(‘tap’, function() {
url = $(this).attr(“rel”);

function loadURL(purl){
alert(“hiiiii”+purl);, { openExternal:true });
return false;
<div data-role=”page” id=”pageone”>
<div data-role=”header” data-theme=”b”>
<a href=”#pageone” data-role=”button” data-icon=”refresh”>&nbsp;</a>

<div data-role=”main” class=”ui-content”>

<!– When in Phonegap folder uncomment this
<script type=”text/javascript” src=”phonegap.js”></script>–>

<script type=”text/javascript” src=”cordova.js”></script>
<script type=”text/javascript” src=”js/app.js”></script>
<script type=”text/javascript”>app.init();</script>



var app = {

init: function() {

getPosts: function() {

var rootURL = ‘';

type: ‘GET’,
url: rootURL + ‘/posts’,
dataType: ‘json’,
data: {
filter: {
success: function(data){

$.each(data, function(index, value) {
var ii=1;
$(‘div.ui-content’).append(‘<div class=”bordercls”><h2>’+value.title+'</h2>’+'<i>Published on ‘'</i><hr style=”border:solid 1px #cccccc;”><p>’+value.content+'</p>’+'<p><a href=”‘'” class=”ui-btn”>Apply</a></p>’+'</div><br>’);
error: function(error){




Out Put:

freejobalert phone gap app

2174 Total Views 1 Views Today

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>