JavaScript Monitor URL Changes: Display the status of accessing a URL in a page

Recommend this page to a friend!
     
  Info   Example   View files Files   Download Download   Reputation   Support forum   Blog    
Ratings Unique User Downloads Download Rankings
Not yet rated by the usersTotal: 36 All time: 520 This week: 2Up
Version License JavaScript version Categories
url-monitor 1.0GNU General Publi...5HTML, Networking
Description 

Author

This object can display the status of accessing a URL in a page.

It takes a given URL and tries to send an HTTP request to retrieve its response status.

The object can display the status of the access to the URL by changing the CSS style of a given element of the current page changing the element class value from red to green is the status is OK.

The object can update the status continuously by polling the given URL in regular intervals of time within a given number of seconds.

Picture of Martin Latter
  Performance   Level  
Name: Martin Latter <contact>
Classes: 3 packages by
Country: United Kingdom
Age: ???
All time rank: 1034 in United Kingdom
Week rank: 6 Up1 in United Kingdom Up
Innovation award
Innovation award
Nominee: 2x

Winner: 2x

Example

/** * Set-up onload event handler for traffic light monitoring an external URL. */ window.addEventListener('load', function() { "use strict"; var sRemoteURL = "http://www.bbc.co.uk/", iCheckInterval = 2000, // 2 secs oTrafficLight1 = new TrafficLight(), sTL1 = oTrafficLight1.create("traffic-light-1"); oTrafficLight1.monitor(sRemoteURL, iCheckInterval, sTL1); }, false);

Details

URL Monitor

Provide visual URL monitoring for a dashboard.

[1]: https://tinram.github.io/images/urlmonitor.png ![url-monitor][1]

Examples

Using http://localhost/URL-Monitor/ as the file location.

1.

http://localhost/URL-Monitor/local.html

Monitor three local URLs generating different HTTP statuses in a set time period.

2.

http://localhost/URL-Monitor/remote.html

Monitor one remote URL.

Time Periods

Time periods can be easily changed.

The default polling is every 2 seconds (/js/x_loader.js files) over a 20 second error collection time period (/js/trafficlight.js [line 18]).

License

URL-Monitor is released under the GPL v.3.


  Files folder image Files (10)  
File Role Description
Files folder imagecss (1 file)
Files folder imagejs (3 files)
Files folder imagestatus (2 files)
Accessible without login Plain text file LICENSE Example Example script
Accessible without login Plain text file local.html Example Example
Accessible without login Plain text file README.md Doc. Documentation
Accessible without login Plain text file remote.html Example Example

  Files folder image Files (10)  /  css  
File Role Description
  Accessible without login Plain text file trafficlight.css Data Auxiliary data

  Files folder image Files (10)  /  js  
File Role Description
  Accessible without login Plain text file local_loader.js Example Example script
  Accessible without login Plain text file remote_loader.js Example Example script
  Plain text file trafficlight.js Class Class source

  Files folder image Files (10)  /  status  
File Role Description
  Accessible without login Plain text file .htaccess Data Auxiliary data
  Accessible without login Plain text file index.php Data Auxiliary data

 Version Control Unique User Downloads Download Rankings  
 100%
Total:36
This week:0
All time:520
This week:2Up