{"id":232388,"date":"2023-01-24T11:27:00","date_gmt":"2023-01-24T08:27:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=232388"},"modified":"2023-01-26T12:46:54","modified_gmt":"2023-01-26T09:46:54","slug":"javascript-page404-pantalla-a-color","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/es\/javascript-page404-pantalla-a-color\/","title":{"rendered":"Javascript Page404 Pantalla a color"},"content":{"rendered":"\n<p>Si est\u00e1 familiarizado con la siguiente pantalla, probablemente tenga la edad suficiente LOL \ud83d\ude09 TV Program utiliz\u00f3 lo siguiente para indicar que &#8216;actualmente no disponible&#8217;, en la d\u00e9cada de 1980&#8242;<\/p>\n<p>Utilic\u00e9 esta pantalla para indicar un error de p\u00e1gina 404 no encontrada (p\u00e1ginas de error personalizadas). Unas pocas l\u00edneas de <a href=\"https:\/\/helloacm.com\/how-to-find-maximum-integer-products-using-javascript\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Javascript<\/a> son suficientes.<\/p>\n<pre><code>\/\/ &lt;a class=\"vglnk\" target=\"_blank\" href=\"http:\/\/HelloACM.com\" rel=\"nofollow\"&gt;&lt;span&gt;http&lt;\/span&gt;&lt;span&gt;:\/\/&lt;\/span&gt;&lt;span&gt;HelloACM&lt;\/span&gt;&lt;span&gt;.&lt;\/span&gt;&lt;span&gt;com&lt;\/span&gt;&lt;\/a&gt;\n\/\/ you can safely merge string concatenation, for HTML display purpose\n\/\/ e.g. \"&lt;' + '\/tr&gt;\" will be '';\nvar page404 = function() {\n\u00a0 var cnt = 32;\n\u00a0 var rarr = [0,0,0,0,255,255,165,211,153,173,127,224,250,221,255,255];\n\u00a0 var garr = [0,0,255,255,0,0,42,211,153,216,255,255,128,221,255,255];\n\u00a0 var barr = [0,255,0,255,0,255,42,211,153,230,212,255,114,221,0,255];\n\u00a0 document.write('&lt;' + 'table cellpadding=\"0\" cellspacing=\"0\" border=\"0\" width=\"100%\"&gt;');\n\u00a0 for (var i = 1; i &lt; cnt; i++) {\n\u00a0 \u00a0 document.write(\"&lt;' + 'tr&gt;\");\n\u00a0 \u00a0 for (var j = 1; j &lt; 9; j++) {\n\u00a0 \u00a0 \u00a0 document.writeln(\n\u00a0 \u00a0 \u00a0 \u00a0 '&lt;' + 'td style=\"background: rgb(' + \n\u00a0 \u00a0 \u00a0 \u00a0 rarr[j] + ',' + \n\u00a0 \u00a0 \u00a0 \u00a0 garr[j] + ',' + \n\u00a0 \u00a0 \u00a0 \u00a0 barr[j] + ')\"&gt; &amp;' + 'nbsp; '\n\u00a0 \u00a0 \u00a0 );\n\u00a0 \u00a0 }\n\u00a0 \u00a0 document.write(\"&lt;' + '\/tr&gt;\");\n\u00a0 }\n\u00a0 document.write('&lt;' + '\/table&gt;');\n}\n\u00a0\npage404();<\/code><\/pre>\n<p>La idea es almacenar la columna de colores en una matriz; obtener cada color y colocarlo en la celda de una tabla (como color de fondo, usando <a href=\"https:\/\/wordpress.mediadoma.com\/es\/como-decirle-a-los-navegadores-que-vuelvan-a-actualizar-los-archivos-css-js-cuando-se-cambian-los-archivos-en-wordpress\/\" title=\"CSS\">CSS<\/a> )<\/p>\n<p>\u00bfTiene pantallas 404 elegantes, implementadas en Javascript? En caso afirmativo, comparta comentando a continuaci\u00f3n.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fuente de grabaci\u00f3n:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/helloacm.com\" class=\"external external_icon\">helloacm.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Javascript Page404 Pantalla a color<\/p>\n","protected":false},"author":1,"featured_media":224548,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[892,903,716,727,840,861],"tags":[1172],"class_list":["post-232388","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-codigo","category-css-2","category-desarrollador","category-javascript-2","category-tutoriales","category-wordpress-2","tag-affiai-es"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/posts\/232388","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/comments?post=232388"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/posts\/232388\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/media\/224548"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/media?parent=232388"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/categories?post=232388"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/tags?post=232388"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}