CODEWITHSUNDEEP
javascripthtmlhttp-redirectcordova
candlejack
candlejack

Reputation: 1209

Load external page on to Cordova/Phonegap application

I have a Cordova/Phonegap application. that on start checks the internet connection. Actually the app executes local files, but I would, that when there is internet connection, my app loads an external webpage (which is the online version of my app).

How can I achieve this? I have already the script for check internet connection.

Thanks!

Upvotes: 4

Views: 22731

Answers (2)

Raymond Camden
Raymond Camden

Reputation: 10857

Unless I'm crazy, can't you just XHR the page and add it to the DOM? If using jQuery, just do it with $.get method.

syntax - 

$.get(url, [data], [callback], [type])

Upvotes: 2

manukv
manukv

Reputation: 2031

You can Load an external page to the app using Jquery load() or by Ajax or by InApp browser.

If you want to show the external page to a div, you can do it by load() or by ajax call

HTML:

<div id="Load"></div>
<hr/>
<div id="ajax"></div>

JS:

/*Using Jquery Load()*/
$('#Load').load('http://www.google.co.in');

/*Using ajax*/
$.ajax({
  dataType:'html',
  url:'http://www.google.co.in',
  success:function(data) {
    $('#ajax').html($(data).children());   
  }
});

OR by Inapp browser

 window.open('http://www.google.co.in','_self');

go through the documentation

Before using inappbrowser you must install the plugin to your project To add inappbrowser to project by commanline

$ phonegap local plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-inappbrowser.git

Hope this will helps you.

Upvotes: 10

Related Questions