Google Search with NoFileHtml extension

MIT App Inventor Help
#1

Hi everyone, first of all sorry to bring out this old topic, and second, I am having trouble with this extension, I am entering the correct HTML code for a search engine but when I am testing it, as soon as I click the search button the text I have entered in the textbox disappears and nothing happens, I would be glad if someone would be kind enough to help me with this.

My HTML code-

<script async src="https://cse.google.com/cse.js?cx=a51e72848a5aa49ee">
</script>
<div class="gcse-search"></div>
<div class="gcse-searchresults-only">

Thanks and Regards.

:sparkles: [Free] NoFileHtml - view html without files
#2

Are you using Google CSE?

#3

Yes i am using google
here is how my search engine looks like-
image
It is the view in google sites, but in the app, enhanced by google does not come.

#4

that text does not come but everything else works fine?

#5

That text does not come and the following error happens-

#6

oh, so the search results don't appear

have you included <!DOCTYPE html> at the beginning of your code??

#7

nope i have not, is it necessary ?

#8

this is the code I use

#9

neccesary if you want to use advanced feature like google search

#10

Allright, I will add it.

#11

and the code you posted only contains the script and div tag which may not work, consider putting them inside body tag and body tag inside html tag

#12

all right thanks a lot

#13

did it work??

#14

i did not check it yet because the companion in not available, but when i will, I will send a PM.

#15

Should it be like this @AyProductions ?

<html>
<body>
<!DOCTYPE html><script async src="https://cse.google.com/cse.js?cx=a51e72848a5aa49ee">
</script>
<div class="gcse-search"></div>
<div class="gcse-searchresults-only">
</body>
</html>
#16

You should have a properly structured html to load into the extension. It is not designed to accept fragments.

Have you tried the run js block in the webviewer?

1 Like
#17

no this is not correct code. syntax is incorrect

#18

Try -

<!DOCTYPE html>
<html>
<body>
<script async src="https://cse.google.com/cse.js?cx=a51e72848a5aa49ee">
</script>
<div class="gcse-search"></div>
<div class="gcse-searchresults-only">
</body>
</html>
1 Like
#19

Where is the CSS?

1 Like
#20

i dont think it needs css i executed the code in a html executor and it worked perfectly fine?