Display an image until a web popup loads

dassoubarna · July 17, 2016, 9:45am

I have a simple web popup. When a button is tapped a web popup opens. The code is as follows:

local goButton = display.newImage("go\_button.png") goButton.x = display.contentWidth \* 0.5 goButton.y = display.contentHeight&nbsp; \* 0.5 function goButton:tap(e) local scale0= ((display.actualContentWidth- display.contentWidth)\*.5)\*-1 local scale0Y= ((display.actualContentHeight- display.contentHeight)\*.5)\*-1 native.showWebPopup( scale0, scale0Y, display.actualContentWidth, display.actualContentHeight ,"https://coronalabs.com/") end goButton:addEventListener("tap", goButton)

Now when I tap on the “Go” button it shows a white screen until it loads the website. I want to displays an image until the webpopup loads fully.

I tried this:

local function onWebViewEvent(event) &nbsp; if not "loaded" == event.type then &nbsp; &nbsp; print("Loading: ", event.url ) &nbsp; end end local scale0= ((display.actualContentWidth- display.contentWidth)\*.5)\*-1 local scale0Y= ((display.actualContentHeight- display.contentHeight)\*.5)\*-1 local webView = native.newWebView( scale0, scale0Y, display.actualContentWidth, display.actualContentHeight ) webView:addEventListener("urlRequest", onWebViewEvent) webView:request("http://www.coronalabs.com")

rob · July 17, 2016, 3:55pm

You can’t really draw anything on top of the webView.

Rob

Scott_Harrison · July 17, 2016, 7:26pm

You can move the webview away and when loaded bring it back

dassoubarna · July 17, 2016, 7:41pm

@scottrules44
Can you please suggest how can I do that?

Scott_Harrison · July 17, 2016, 7:49pm

Before webView:request
Do
webView.x=-10000000
In you onWebViewEvent do
if event.type == “loaded” then
webView.x =scale0
end

dassoubarna · July 17, 2016, 7:53pm

Ok… Thanks a lot.

dassoubarna · July 18, 2016, 9:30am

@scottrules44

This is my updated code:
Is it ok?

local function listener(event) if event.type == "loaded" then webView.x =scale0 end&nbsp; end local scale0= ((display.actualContentWidth- display.contentWidth)\*.5)\*-1 local scale0Y= ((display.actualContentHeight- display.contentHeight)\*.5)\*-1 local webView = native.showWebPopup( -10000000, scale0Y, display.actualContentWidth, display.actualContentHeight ,"http://www.coronalabs.com/", {urlRequest = listener})

Scott_Harrison · July 18, 2016, 11:45am

You should not change to show web popup.

Edit: documentation “webpop ups cannot be moved or resized”

dassoubarna · July 18, 2016, 12:51pm

Ok. Thanks, but I have a problem with webView it shows two white ribbons in top and bottom and I cannot mange to resize it to fit the screen automatically depending on the device screen size.

[sharedmedia=core:attachments:5351]
[sharedmedia=core:attachments:5352]

dassoubarna · July 18, 2016, 3:52pm

I try this, but only the default background is visible instead of the webview

local function webListener(event) &nbsp; if event.type == "loaded" then &nbsp; &nbsp;webView.x =0 &nbsp; end&nbsp; end local webView = native.newWebView( display.contentCenterX, display.contentCenterY, 320, 480 ) webView:request( "http://gogols.in/" ) webView.x=-10000000 webView:addEventListener( "urlRequest", webListener )

Scott_Harrison · July 18, 2016, 3:54pm

It is supposed to move until the page is loaded

dassoubarna · July 19, 2016, 3:19am

After the background screen come, nothing happens. The screen freezes.

rob · July 17, 2016, 3:55pm