Access point response #1107

mauroForlimpopoli · 2023-05-09T14:53:44Z

mauroForlimpopoli
May 9, 2023

My Moddable Two is set as Server and this code works correctly.

    let myWeb = '<!DOCTYPE html>'+
    '<html>'+
    '<head>'+
    '<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>'+
    '<script>'+
    '$(document).ready(function(){'+
      '$("button").click(function(){'+
        '$("p").hide("slow", function(){'+
         ' alert("' + valoreWeb + '");'+
       '});'+
      '});'+
    '});'+
    '</script>'+
    '</head>'+
    '<body>'+
    
    '<button>Hide</button>'+
    
    '</body>'+
    '</html>'

      let serverAP = new Server({});
		serverAP.callback = function (message, value)
		{	
                      if (Server.prepareResponse === message) {
	                      return {headers: ["Content-type", "text/html"], body: myWeb };
                      }
               }

"valoreWeb" is a variable of my project. Very important !!!

Questions:

How can I modify the code if the device is an Access Point ? (no internet connection)
The problem is how to include the file "jquery.min.js" in the memory of Moddable Two and the syntax to include it in the code
I think is possible to include it in the memory like a Resource, but how include it in the code ?
Can I add a background image of the body? (if saved in the Moddable memory)
Probably is the same problem of above

PS: Having "valoreWeb" as a variable I can't create a page.html and use it

Thank you

phoddie · 2023-05-09T15:30:19Z

phoddie
May 9, 2023
Maintainer

To be sure I understand, you want to have the resource https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js available when the user is not connected to the Internet? These examples should help:

The HTTP Server Resource example shows how to return a large text file stored in a resource.
The HTTP ZIP example shows how to server a web site from a ZIP file stored in a Resource. This is great because it allows the data to be compressed and supports client-side caching with ETag.

0 replies

mauroForlimpopoli · 2023-05-11T12:32:18Z

mauroForlimpopoli
May 11, 2023
Author

Hi Peter, the examples are great but I have another issue.
Cause "valoreWeb " variable I can't use a page.html from memory. I need to create dynamically
I simplified the code.

let myWeb = '<!DOCTYPE html>'+
'<html>'+
'<head>'+
'</head>'+
'<body background="logo.png">'   ***** "logo.png is a picture I want in background ... how to do ??
 +  valoreWeb  +                                    **** variable of project
'</body>'+
'</html>'

'<body background=" ' + pict +  ' ">'  +

Thanks in advance

1 reply

phoddie May 11, 2023
Maintainer

Cause "valoreWeb " variable I can't use a page.html from memory. I need to create dynamically

By "memory" I understand you to mean "flash memory" and not "RAM".

You can achieve the same result using the httpzip example by injecting the variables using WebSockets. It works really nicely. But perhaps client-side dynamic HTML it is more sophisticated than you want for this project.

Your logo.png is static data. There's no reason to load it into RAM to embed into the HTML (which would require base64 encoding, increasing the data size). You should serve it from a resource referenced by a relative URL from your HTML. The first example above shows how to serve static data from resources.

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Access point response #1107

{{title}}

Replies: 2 comments 1 reply

{{title}}

{{title}}

{{title}}

Select a reply

Access point response #1107

mauroForlimpopoli May 9, 2023

Replies: 2 comments · 1 reply

phoddie May 9, 2023 Maintainer

mauroForlimpopoli May 11, 2023 Author

phoddie May 11, 2023 Maintainer

mauroForlimpopoli
May 9, 2023

Replies: 2 comments 1 reply

phoddie
May 9, 2023
Maintainer

mauroForlimpopoli
May 11, 2023
Author

phoddie May 11, 2023
Maintainer