StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POshow 'loading' text/icon while external page gets loaded in phonegap, html5
primarykey
Id
10660012
data
AcceptedAnswerId
0
AnswerCount
0
ClosedDate
CommentCount
6
CommunityOwnedDate
CreationDate
2012-05-18T21:33:12.453
FavoriteCount
0
LastActivityDate
2012-05-20T05:38:25.897
LastEditDate
2012-05-20T05:38:25.897
LastEditorUserId
1173588
OwnerUserId
1173588
ParentId
0
PostTypeId
1
Score
1
ViewCount
808
LastEditorDisplayName
text
Body
In a phonegap-android application i want to open an external link within the application. For this i used a plugin <a href="https://github.com/phonegap/phonegap-plugins/tree/master/Android" rel="nofollow">childBrowser</a> and it works fine. But the external link is taking time to load for which i want to show a wait/loading message. I also tried to open the external link through ajax-call, updating the div with the response page. and until reponse is not received i am showing a loading message but the problem with this approach is that page loses its styles and other structure. I guess this is because i am putting entire external page inside the div tag which cannot render the entire page as the browser can do it. Code snippet looks like- <pre><code><script type="text/javascript"> function loadPage(url) { var xmlhttp = new XMLHttpRequest(); // Callback function when XMLHttpRequest is ready xmlhttp.onreadystatechange=function(){ if (xmlhttp.readyState === 4){ if (xmlhttp.status === 200) { document.getElementById('container').innerHTML = xmlhttp.responseText; } } }; xmlhttp.open("GET", url , true); xmlhttp.send(); } </script> </code></pre> How can i achieve this, can I override childBrowser? Also if i want to open the page in applications' web view then how can i achieve the same for web-view. EDIT: As per <a href="http://en.wikipedia.org/wiki/Same_origin_policy" rel="nofollow">Same origin policy</a> one cannot call to a outside domain using xhr request. Okay understood. i checked in browser and got expected error: 'XMLHttpRequest cannot load' But then how does it shows/opens the url in mobile? Ofcourse the page is not fully functional and thats my original issue. i would post this as a separate question, but its related to my original question Thanx. Any hints/suggestions would be great.
Tags
<android><html5><jquery-mobile><cordova><same-origin-policy>
Title
show 'loading' text/icon while external page gets loaded in phonegap, html5
singulars
PostAcceptedAnswerId
1. This table or related slice is empty.
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. UShitesh israni
UserOwnerUserId
1. UShitesh israni
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. This table or related slice is empty.
VotesPostIdCreationDate
1. VO
 singulars
 PostPostId
 POshow 'loading' text/icon while external page gets loaded in phonegap, html5
 UserUserId
 This table or related slice is empty.
 VoteTypeVoteTypeId
 VTUpMod
CommentsPostId

Querying!

Guidance

A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.