External API not supporting in .apk file

Spaceforhost_K_ — Fri, 10 Apr 2015 08:27:49 GMT

hi,

We have developed a new APK for android through IntelXDK and it is working fine through APP Preview app.

We have used this application for checking the net connection and current location while loading this application

Secondly we put some external database connection JSON and it is not working while building .apk file.

Here with attaching the .apk file for checking,

Please give solution as early as possible.

When you say "not working"

Barry_Johnson — Fri, 10 Apr 2015 15:19:53 GMT

When you say "not working" can you describe how it is not working? Is the AJAX call not being made?

hai,

Spaceforhost_K_ — Mon, 13 Apr 2015 07:28:38 GMT

hai,

Our index.html page is here,

<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="app_framework/2.1/css/af.ui.min.css">
<link rel="stylesheet" type="text/css" href="app_framework/2.1/css/icons.min.css">
<title>Suraksha</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">

<meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=no">

</style>

<script src="http://debug-software.intel.com/target/target-script-min.js#UAJ9QAklGVX_lbyr7RsW-OuK3fOO1NeZsR4ULmzrSTI"></script>

<script src="cordova.js" id="xdkJScordova_"></script>

<script type="application/javascript" src="app_framework/2.1/appframework.js"></script>
<script type="application/javascript" src="app_framework/2.1/appframework.ui.js" data-ver="1"></script>
<script type="application/javascript" src="app_framework/themeRelease.js"></script>



<script>
function onDeviceReady(){

       var networkState = navigator.connection.type;

var states = {};
states[Connection.UNKNOWN] = 'Unknown connection';
states[Connection.ETHERNET] = 'Ethernet connection';
states[Connection.WIFI] = 'WiFi connection';
states[Connection.CELL_2G] = 'Cell 2G connection';
states[Connection.CELL_3G] = 'Cell 3G connection';
states[Connection.CELL_4G] = 'Cell 4G connection';
states[Connection.CELL] = 'Cell generic connection';
states[Connection.NONE] = 'No network connection';

if(states[networkState]=='No network connection')
   {
       alert("Plase enable internet");
   }
   if(navigator.connection.type==Connection.NONE)
   {
       alert("There is no internet connection");
   }

   else{


           var string = device.uuid;
           $.ui.launch();
intel.xdk.device.hideSplashScreen();
           getLocation();
           fetchsthreesurkshaoffense();
           fetchDistrict();
   }
}
document.addEventListener("intel.xdk.device.ready", onDeviceReady, false);
</script>


<script>
$.ui.autoLaunch = false;
$.ui.backButtonText = "Back";
$(document).ready(function(){
$.ui.launch();

           $("#register").on("click", function(){

signUp();
});



       function startApp(){

$.ui.clearHistory(); // clears all back button history

// app code here
}

       $("#sthreesuraksha").on("click", function(){
PostSurakshaNews();
});
           function PostSurakshaNews(){

               $.ui.loadContent("PostNews", null, null, "fade");
           }

});
</script>


</head>

<div id="content" style="">


<div class="panel" title="Home" id="Main" data-tab="Main" selected="true">
<header>
<h1 class="h1">Suraksha</h1>
</header>
<p>
<div style="text-align:center">
<br>
<p class="headColor">Sign Up</p>
<br>
</div>
<input name="name" id="name" type="text" placeholder="Name" class="capitalize"/>
<input name="email" id="email" type="text" placeholder="Email" />
<input name="mobile" id="mobile" type="text" placeholder="Mobile" />
           <select name="district" id="district">
<option value="0">Choose District</option>
</select>
<input name="location" id="location" type="text" />
<div align="center"><a class="button block orange widthHalf" href="#" id="register">Register</a></div>
</p>
</div>


<div class="panel" title="Start" id="Home" data-load="startApp">
<header>
<h1 class="h1">Sthree Suraksha</h1>
</header>
<p>

<div style="text-align:center;color : #b43504">
<br>

<a href="#" id="sthreesuraksha"><img src="images/sreesurakshaLogo.png" width="128" height="128" alt="sreesuraksha"></a>
<br>
<p>Tap to Continue... </p> <br>
<p>This App is mainly aimed for sthree suraksha, Everyone download app from playstore and installed.Users can post their probems faced from husbands or from public can post from our App. And it can send from the corresponding District Police Chief's.</p>
<br>
<p>App Developed By:</p>
<p>Biospace Technologies Pvt Ltd</p>
</div>

</p>
</div>

       <div class="panel" title="PostNews" id="PostNews" data-tab="PostNews">
<header>
<h1 class="h1">Complaints</h1>
</header>
<p style="color : #b43504;text-align:center;font-weight:bold;padding-bottom:10px;">Post Your Complaints</p>
<p>
           <a class="button block grey icon camera" href="#" onClick="takePicture()" id="takepic">Take a photo</a>
<br>
           <div align="center"><img id="myImage" name="myImage"/></div>
<br>
           <select name="sthreeoffense" id="sthreeoffense">
<option value="0">Choose Offense</option>
<option value="1">test</option>
</select>

           <textarea name="description" id="description" rows="4" placeholder="Description..."></textarea>
<input name="Postreqlocation" id="Postreqlocation" type="text" readonly/>
<div align="center"><a class="button block orange widthHalf" href="#" id="Send">Send</a></div>
           </p>
</div>


<div class="panel" title="About" id="About" data-tab="About">
<header>
<h1>About</h1>
</header>
<p>This is view for second Tab</p>
</div>

<div class="panel" title="News" id="News" data-tab="News">
<header>
<h1 class="h1">Latest Blog News</h1>
</header>
<p>

<ul class="list">
<li>
<a href="#item1">
<img class="list-image" src="data/male_user_icon.svg" />
<div class="list-text"><b>username1</b><br>Placeholder text for this list item 1. This sections can modified for your need.</div>
</a>
</li>
<li>
<a href="#item2">
<img class="list-image" src="data/male_user_icon.svg" />
<div class="list-text"><b>username2</b><br>Placeholder text for this list item 2. This sections can modified for your need.</div>
</a>
</li>
<li>
<a href="#item3">
<img class="list-image" src="data/female_user_icon.svg" />
<div class="list-text"><b>username3</b><br>Placeholder text for this list item 3. This sections can modified for your need.</div>
</a>
</li>
<li>
<a href="#item4">
<img class="list-image" src="data/male_user_icon.svg" />
<div class="list-text"><b>username4</b><br>Placeholder text for this list item 4. This sections can modified for your need.</div>
</a>
</li>
</ul>




<div class="panel" title="Item 1" id="item1">
<header><a class="button backButton">Back</a>
<h1>Latest Informations</h1>
</header>
<p>This is detail view for Item 1</p>
</div>

<div class="panel" title="Item 2" id="item2">
<header><a class="button backButton">Back</a>
<h1 class="h1">Latest Blog News</h1>
</header>

<p>This is detail view for Item 2</p>
</div>

<div class="panel" title="Item 3" id="item3">

<header><a class="button backButton">Back</a>
<h1>Latest Blog News</h1>
</header>
<p>This is detail view for Item 3</p>
</div>

<div class="panel" title="Item 4" id="item4">

<header><a class="button backButton">Back</a>
<h1>Latest Blog News</h1>
</header>
<p>This is detail view for Item 4</p>
</div>

</p>
</div>

<div class="panel" title="Profile" id="Profile" data-tab="Profile">
<header>
<h1 class="h1">Profile</h1>
</header>
<p>
           <textarea name="address" id="address" rows="4">Address</textarea>
           <input name="job" id="job" type="text" placeholder="Designation / Job" />

<div align="center"> <a class="button block orange widthHalf" href="#" id="Send">Update</a>   </div>
           </p>
</div>

</div>

<div id="navbar">
<a href="#Main" id='Main' class="icon home" data-transition="none">Home</a>
<a href="#About" id='About' class="icon loading" onClick="fetchsthreesurkshaoffense()" data-transition="none">About</a>
<a href="#News" id='News' class="icon chat" data-transition="none">News</a>
<a href="#Profile" id='Profile' class="icon user" data-transition="none">Profile</a>
</div>

</body>
</html>

App.js files

function takePicture(){

navigator.camera.getPicture(onSuccess, onFail, { quality: 70,destinationType: Camera.DestinationType.DATA_URL});
}

function onSuccess(imageData) {
   //alert(imageData);
var image = document.getElementById('myImage');
image.src = "data:image/jpeg;base64," + imageData;
   image.style.display = 'block';
}

function onFail(message) {
alert('Failed because: ' + message);
}

   $.ajax({
dataType: "json",
url: url,
async: false,
scriptCharset: "utf-8",
contentType: "application/json; charset=utf-8",
success: function(json)
{


   var found_city = false;
if (json && json.results.length > 0)
{
var geoaddress= json.results[1].formatted_address;
       var location = document.getElementById('location');
       location.value = geoaddress;

       var Polocation = document.getElementById('Postreqlocation');
       Polocation.value = geoaddress;

}
if (!found_city) {
// alert("City not found!");
}
}
})
.fail(function( jqxhr, textStatus, error ) {
var err = textStatus + ", " + error;
alert("Request Failed: " + err );
});

   }


}

topic hai, in Software Archive

External API not supporting in .apk file

When you say "not working"

hai,