Using Webview for textfield

omz

@Bjucha The background_color of ui.WebView only affects the area behind the content (you see it with the "rubberband" effect when scrolling). You could just load some purple HTML though, to get the same effect:

web_view.background_color = 'purple'
web_view.load_html('<body style="background-color: purple;"/>')

Bjucha

@omz ah thanks, didn't think of that

Bjucha

If I want a textfield as a seachfield for google, is there a command for web serach like there is for load_url
for example:
SearchField(sender)
web_view = sender.superview['webview']
"google.com" = sender.text <-- This is where Im stuck
web_view.search_string/textl(url) <-- No such command

Any ideas?
Thank you

ccc

https://www.google.com/search?q=kubernetes

webview.load_url('https://www.google.com/search?q=' + sender.text)

Bjucha

@ccc
ThX man, really appricate it!

omz

If your search term contains spaces, or other characters that aren't allowed in a URL, you'll need to quote them, e.g. foo bar => foo%20bar.

import urllib.parse
search_term = urllib.parse.quote(sender.text, '')
webview.load_url('https://www.google.com/search?q=' + search_term)

Bjucha

Thank very much got it to work now. One step closer to my own webbrowser 😀

Bjucha

Hello again is there anybody that knows why I get an attribute error when pressing the "opt" button for actvating navigationview?
The whole error message reads" Attribute Error: 'NoneType' object has no attribute 'push_view'

Here is the code:

import ui
import urllib.parse


def textfield_url(test): 
		
		web_view = test.superview['webview'] # superview = in front of other
		url = test.text
		if not (url.startswith('http://') or url.startswith('https://')): # needed for urls starting with http or https
			url = 'http://' + url
		
		web_view.load_url(url)

def searchfield_url(test2):
	web_view = test2.superview['webview']
	url = test2.text
	search_term = urllib.parse.quote(test2.text, '')
	web_view.load_url('https://www.google.com/search?q=' + search_term)


def homeButton (sender): # Working!
	web_view.load_url('http://www.google.se')
	#url = 'www.google.se'

def Back(sender2): # Working!
	web_view.go_back()	
		
	#url = www.google.se		
def buttonTapped(sender3):
	n_view = ui.View()
	n_view.name = 'Option'
	n_view.background_color = 'white'
	#n_view.frame=(0, 0, 400, 400)
	sender3.navigation_view.push_view(n_view) <-- This is where I get the "Attribute Error"
	nav_view.present()

main_view = ui.View(
	frame=(0, 0, 400, 400), bg_color='white', name='Grizzly Browser'
)
text_field = ui.TextField(
		frame=(129, 0, 50, 40),
		flex='W',
		keyboard_type=ui.KEYBOARD_URL,
		autocorrection_type=False,
		autocapitalization_type=ui.AUTOCAPITALIZE_NONE,
		action=textfield_url,
		
		placeholder='URL:'
		#text_field
)	
seach_field = ui.TextField(
			frame=(520, 0, 0, 40),
			flex='w',
			keyboard_type=ui.KEYBOARD_WEB_SEARCH,
			autocorrection_type=False,
			autocapitalization_type=ui.AUTOCAPITALIZE_NONE,
			action=searchfield_url,
			placeholder = 'Search:'
)


B1 = ui.Button(title = 'Home' ,frame = (4,5,20,20))
B1.action = homeButton
B1.tint_color = 'black'


B2 = ui.Button(title = 'Back' ,frame = (55,5,20,20))
B2.action = Back
B2.tint_color = 'black'





b3 = ui.Button(title = 'opt')
b3.action = buttonTapped
b3.frame = (80,0,50,50)
main_view.add_subview(b3)


main_view.add_subview(text_field)
web_view = ui.WebView(name='webview', frame=(0, 40, 400, 360), flex='WH')



nav_view = ui.NavigationView(main_view)
nav_view.frame=(0, 0, 400, 400) 

#web_view.load_html('<body style="background-color: indigo;"/>')
main_view.add_subview(web_view)
main_view.add_subview(B1)
main_view.add_subview(B2)
main_view.add_subview(seach_field)
main_view.present()

web_view.load_url('http://www.feber.se') #StartPage

If I put that code here instead it will crash

Really greatfull for any help

ccc

This message is telling you that sender3.navigation_view == None. Sender is the button, not the view that contains the button. You might try sender3.superview.navigation_view.push_view() instead. Also, edit your post above to see how putting three backticks before and after your code will properly format it with syntax highlighting.

Bjucha

@ccc Thank you for your response, gonna try it later at home.
Ok Good to know for next time