Javascript Page404 Colour Screen

If you are familiar with the following screen, you are probably old enough LOL 😉 The following was used by TV Programme to indicate that ‘currently not available’, in the 1980s’

TV 404 Not Found

I used this screen to indicate a page 404 not found error (customised error pages). A few lines of Javascript are enough.

// http://HelloACM.com
// you can safely merge string concatenation, for HTML display purpose
// e.g. "<' + '/tr>" will be '';
var page404 = function() {
  var cnt = 32;
  var rarr = [0,0,0,0,255,255,165,211,153,173,127,224,250,221,255,255];
  var garr = [0,0,255,255,0,0,42,211,153,216,255,255,128,221,255,255];
  var barr = [0,255,0,255,0,255,42,211,153,230,212,255,114,221,0,255];
  document.write('<' + 'table cellpadding="0" cellspacing="0" border="0" width="100%">');
  for (var i = 1; i < cnt; i++) {
    document.write("<' + 'tr>");
    for (var j = 1; j < 9; j++) {
      document.writeln(
        '<' + 'td style="background: rgb(' + 
        rarr[j] + ',' + 
        garr[j] + ',' + 
        barr[j] + ')"> &' + 'nbsp; '
      );
    }
    document.write("<' + '/tr>");
  }
  document.write('<' + '/table>');
}
 
page404();

// http://HelloACM.com
// you can safely merge string concatenation, for HTML display purpose
// e.g. "<' + '/tr>" will be '';
var page404 = function() {
  var cnt = 32;
  var rarr = [0,0,0,0,255,255,165,211,153,173,127,224,250,221,255,255];
  var garr = [0,0,255,255,0,0,42,211,153,216,255,255,128,221,255,255];
  var barr = [0,255,0,255,0,255,42,211,153,230,212,255,114,221,0,255];
  document.write('<' + 'table cellpadding="0" cellspacing="0" border="0" width="100%">');
  for (var i = 1; i < cnt; i++) {
    document.write("<' + 'tr>");
    for (var j = 1; j < 9; j++) {
      document.writeln(
        '<' + 'td style="background: rgb(' + 
        rarr[j] + ',' + 
        garr[j] + ',' + 
        barr[j] + ')"> &' + 'nbsp; '
      );
    }
    document.write("<' + '/tr>");
  }
  document.write('<' + '/table>');
}

page404();

The idea is to store the column of colours in an array; fetching each colour and put it into the cell of a table (as a background-colour, using CSS)

Do you have fancy 404 screens, implemented in Javascript? If yes, please share by commenting below.

–EOF (The Ultimate Computing & Technology Blog) —

GD Star Rating
loading...

304 words
Last Post: How to Implement file_put_contents and file_get_contents in PHP?
Next Post: Get QueryString using Javascript

The Permanent URL is: Javascript Page404 Colour Screen

Algorithms, Blockchain and Cloud

Javascript Page404 Colour Screen

Leave a Reply

Related posts:

Leave a Reply