Écran couleur Javascript Page404
Si vous connaissez l’écran suivant, vous êtes probablement assez vieux LOL 😉 Ce qui suit a été utilisé par TV Program pour indiquer que "actuellement non disponible", dans les années 80
J’ai utilisé cet écran pour indiquer une erreur de page 404 introuvable (pages d’erreur personnalisées). Quelques lignes de Javascript suffisent.
// <a class="vglnk" target="_blank" href="http://HelloACM.com" rel="nofollow"><span>http</span><span>://</span><span>HelloACM</span><span>.</span><span>com</span></a>
// 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();
L’idée est de stocker la colonne de couleurs dans un tableau ; récupérer chaque couleur et la placer dans la cellule d’un tableau (comme couleur d’arrière-plan, en utilisant CSS )
Avez-vous des écrans 404 fantaisistes, implémentés en Javascript ? Si oui, merci de partager en commentant ci-dessous.