js html error trapping

johnh10000 · 10-08-2009, 02:47 AM

Hi gang,

I'm looking for something that will do a redirect, if a url in an iframe returns an error.

Explain:
I have a webcam. which using motion, it gets a url

ort on my lan. Now when I turn motion off, obvious, the url

ort no loger there. What I want to do is when url there show it! When not there, show testcard. I have been fighting this for over a week. I have found stuff that will notifiy me of the error in JS, but still contiues to display can' connect or whatever it is, in the iframe.

Not bothered which lang. I can't do it in apach config, as far I can tell, as I only want the testcard, for the webcam!

Any ideas folks?

smeezekitty · 10-08-2009, 02:54 AM

what about

Code:

var f = <frame id>
if(<error>){f.src = <testcard url>}

remember that is missing the elements i cannot provide

johnh10000 · 10-08-2009, 04:02 AM

Quote:

Originally Posted by smeezekitty

what about

Code:

var f = <frame id>
if(<error>){f.src = <testcard url>}

remember that is missing the elements i cannot provide

I have turned off motion here's the error,
Failed to Connect

The connection was refused when attempting to contact 192.168.1.3:8800.
Though the site seems valid, the browser was unable to establish a connection.

* Could the site be temporarily unavailable? Try again later.
* Are you unable to browse other sites? Check the computer's network connection.
* Is your computer or network protected by a firewall or proxy? Incorrect settings can interfere with Web browsing.

so how do i check for that?

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <title>Untitled Document</title>
  <meta http-equiv="Content-Type"
 content="text/html; charset=iso-8859-1">
<head>
<script type="text/javascript">
function timedMsg()
{
var t=setTimeout("window.location.reload()",(60000*6));  //every 6 mins
}
</script>
</head>
<body onload="timedMsg()" bgcolor="#6699ff">
<div align="center">
<p><font face="Courier New, Courier, mono"><b><font color="#00ffff"
 size="+7">Webcam</font></b></font></p>
<div style="text-align: center;"><span style="color: black;"> <br>

Last Updated:
<br>

<script type="text/javascript" language="JavaScript1.1">
      <!-- 
          
      lastmod = document.lastModified     // get string of last modified date 
      lastmoddate = Date.parse(lastmod)   // convert modified string to date
      if(lastmoddate == 0){               // unknown date (or January 1, 1970 GMT)
         document.writeln("Unknown")
      } else {
      d = new Date(lastmod);
      document.write(d);
      }// -->
    </script>
</span><br>
<br>
<table style="text-align: left; width: 100%;" border="1" cellpadding="2"
 cellspacing="2">
  <tbody>
    <tr>
      <td
 style="vertical-align: top; text-align: center; background-color: rgb(255, 204, 0);">Live
Webcam<br>
      </td>

      <td
 style="vertical-align: top; text-align: center; background-color: rgb(255, 204, 0);">Last
Snap reloaded every 6 mins<br>

      </td>
    </tr>
    <tr>
      <td style="text-align: center; vertical-align: top;"> <iframe
 id="myFrameL" src="http://192.168.1.3:8800/" height="256" width="338"> If you can
see this, your browser doesn't understand IFRAMEs. 
</iframe> 
</td>
<td style="text-align: center; vertical-align: top;"> <iframe
 id="myFrameR" src="http://192.168.1.3/webcam/lastpic.jpeg" height="256" width="338">
If you can see this, your browser doesn't understand IFRAMEs.

      </iframe> <br>

      </td>

    </tr>
  </tbody>
</table>
<br>
<br>
</div>
<div id="top"></div>
<div style="text-align: center;"><a
 href="http://www.freesitemapgenerator.com/"><img
 alt="Free Sitemap Generator"
 style="border: 0pt none ; margin: 3px; padding: 0pt;"
 src="http://live.freesitemapgenerator.com/img/fsgbig41.gif" border="0"></a></div>
<script language="javascript">
/* FSG 0.96 script */ 
var fsg_Live_date_package_version='0.96';
var fsg_image = 'big4';
var fsg_serial = 'b816a328c80a0b3c1fe4c083ac851ed6';
</script>
<script language="javascript"
 src="http://live.freesitemapgenerator.com/scripts/fsg096.js"></script></div>

</body>
</html>

cheers

zhjim · 10-08-2009, 04:56 AM

I bet the easiest way would be with a custom error page from the apache

http://httpd.apache.org/docs/2.2/custom-error.html
scroll down to "Configuration"
http://httpd.apache.org/docs/2.2/mod...#errordocument

Just put this into a <Directory> directive or just for the <File>

Cheers zhjim

johnh10000 · 10-08-2009, 10:17 AM

Quote:

Originally Posted by zhjim

I bet the easiest way would be with a custom error page from the apache

http://httpd.apache.org/docs/2.2/custom-error.html
scroll down to "Configuration"
http://httpd.apache.org/docs/2.2/mod...#errordocument

Just put this into a <Directory> directive or just for the <File>

Cheers zhjim

Thanks for that it's sort of working, this way. Just one minor problem.
When the webcam server is tuned off it produces a "Failed to Connect" error. Ilooked this up on google, and it says it's 503 error. Which I have now suposidly trapped, but I haven't, any ideas on that?

And yes you win your bet, it is easier. (Well when I remmember, the webcam is comming from a differant box!!)