Skip to content

Cordova plugin to display a non opaque Web View over your app (choose your x, y, width, height)

License

Notifications You must be signed in to change notification settings

GuilleEneas/Cordova-OverAppBrowser

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

35 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

OverAppBrowser 1.2

Render a webview over your cordova webview (ios and android).

Installation

To install from command line:

cordova plugin add com.lesfrancschatons.cordova.plugins.overappbrowser

Documentation

//function(strUrl, originx, originy, width, height, isAutoFadeIn)
oab = new OverAppBrowser('http://www.google.fr', 0, 100, 320, 320, true);

//Events : loadstop, loadstart, exit, loaderror
oab.addEventListener('loadstop', function(){
        //insert inline style
		oab.insertCSS({code:'#hplogoo {-webkit-transform: rotate(180deg);}'});

        //insert css file
        oab.insertCSS({file:'http://domain.com/style.css'});

        //execute javascript code
        oab.executeScript({code:'window.alert("test");'});

        //insert javascript file
        oab.executeScript({file:'http://domain.com/script.js'});
});

//Fade the webview
oab.fade(toAlpha, duration);

//Resize the webview
oab.resize(originx, originy, width, height);

//Close the webview
oab.close();

This loads google.fr over your html app at x=0, y=100, width=320, height=320 and rotates the homepage logo

About

Cordova plugin to display a non opaque Web View over your app (choose your x, y, width, height)

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • Java 65.7%
  • Objective-C 22.8%
  • JavaScript 11.5%