{"id":194,"date":"2008-02-25T07:45:25","date_gmt":"2008-02-25T12:45:25","guid":{"rendered":"https:\/\/blogs.mathworks.com\/desktop\/2008\/02\/25\/interactive-web-pages-in-matlab-part-3\/"},"modified":"2016-10-26T11:03:20","modified_gmt":"2016-10-26T15:03:20","slug":"interactive-web-pages-in-matlab-part-3","status":"publish","type":"post","link":"https:\/\/blogs.mathworks.com\/community\/2008\/02\/25\/interactive-web-pages-in-matlab-part-3\/","title":{"rendered":"Interactive web pages in MATLAB, part 3"},"content":{"rendered":"

As promised in my last post<\/a>, this week we will complete our GUI by placing a dynamically-generated MATLAB figure back into the web page.<\/p>\n

To show this, we will build upon the last example from last week. In that example, the page generates a sine wave with its settings derived from the HTML form. Instead of displaying the plot in a separate figure window, we’ll create it and print it to a file, where it will then be loaded back into the web page.<\/p>\n

This demo (right-click to save)<\/a> will only work in MATLAB web browser on Windows (sorry, Ken).<\/p>\n


\n\"MATLAB
\n<\/a><\/div>\n

Clicking on the “Plot the Sine Wave” button causes the following to happen:<\/p>\n

    \n
  1. The sine and plot are set-up using the form’s options, as before.<\/li>\n
  2. The plot is exported to a PNG-file on disk, using the print<\/tt><\/a> command.<\/li>\n
  3. The latest version of the image on disk is shown in the page, by refreshing an HTML element.<\/li>\n<\/ol>\n

    In order for these actions to work smoothly, the code makes use of a few tricks:<\/p>\n