OK, here is the next installment explaining how to show your FTP screen shot on a web page.
If you followed the steps in the first post of this thread, then you will have the the FTP picture being uploaded to your web domain by RadarBox every 60 seconds. In my example, the picture, named RadarBoxScreenShot.gif is being uploaded to the diirectory on the server:
http://www.ruyton.demon.co.uk/radarbox/The screen shot gif always has the same name and the new uploaded gif simply overwrites the old gif. This makes it much easier to display the screen shot on a web page as the name isn't changing for every upload. If you are getting errors where the gif cannot be uploaded or does not overwrite the existing gif, then this will be a restriction of your server, probably imposed to prevent you inadvertantly overwriting files. This is not a RadarBox error, so you will need to see how your ISP deals with such events. You can try changing server permissions, or using a different directory on the server.
The page I want to display the picture on is a new page I've created with the web address:
http://www.ruyton.demon.co.uk/html/airnav_radarbox.htmlSo, there are 2 things that we need to do.
1. Display RadarBoxScreenShot.gif that is in the server /radarbox/ directory on the web page
http://www.ruyton.demon.co.uk/html/airnav_radarbox.html2. Automatically refresh the web page every 60 seconds so that the new screen shot is displayed.
First, create a blank html web page with a suitable name. In my case this is airnav_radarbox.html. How you do this depends on what web authoring software you use. I use Netobjects Fusion 10 which is a WYSIWYG package. If you code in raw html, you will already have a good understanding of what we are trying to do here.
You now need to create an inline frame (or iFrame) on the blank page to display the screen shot. If you were to do this manually, this is what the html code would look like. All iFrame does is to allow you to display one web page within another page. If you use a WYSIWYG package, then this is what you want to see when you look at the source code after adding the iFrame:
<iframe id="InlineFrame1" name="InlineFrame1" src="
http://www.ruyton.demon.co.uk/radarbox/RadarBoxScreenShot.gif" width="756" height="860" frameborder="0"></iframe>
The iFrame is created with a width of 756 pixels and a height of 860 pixels. The object displayed within the iFrame is
http://www.ruyton.demon.co.uk/radarbox/RadarBoxScreenShot.gif which as we know, is the FTP uploaded gif in the server /radarbox/ directory
Next, we want the page to refresh automatically, otherwise you will not see the screen shots update every 60 seconds. You do this by adding a simple line of code in the header of the webpage:
<meta http-equiv="refresh" content="60; URL=http://www.ruyton.demon.co.uk/html/airnav_radarbox.html">
This is telling the page to load
http://www.ruyton.demon.co.uk/html/airnav_radarbox.html in 60 seconds - that is to load the same page you are already looking in 60 seconds - then it just keeps on going, reloading every 60 seconds.
Your raw html will then look something like this:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>AirNav RadarBox</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<meta name="Generator" content="NetObjects Fusion 10 for Windows">
<meta http-equiv="refresh" content="60; URL=http://www.ruyton.demon.co.uk/html/airnav_radarbox.html">
etc
etc
etc
<iframe id="InlineFrame1" name="InlineFrame1" src="
http://www.ruyton.demon.co.uk/radarbox/RadarBoxScreenShot.gif" width="756" height="860" frameborder="0"></iframe>
etc
etc
That's all for now. This guide does assume a certain degree of web authoring knowledge and I'm sure this is not the only way this can be done, but it should give you enough information to get your own FTP upload showing.
Here is my finished example again - note that this page will refresh every 60 seconds, but is not always "live".
http://www.ruyton.demon.co.uk/html/airnav_radarbox.htmlAllocator
