{"id":232576,"date":"2023-01-24T11:01:00","date_gmt":"2023-01-24T08:01:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=232576"},"modified":"2023-01-26T12:26:50","modified_gmt":"2023-01-26T09:26:50","slug":"javascript-pagina-404-tela-colorida","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/pt-pt\/javascript-pagina-404-tela-colorida\/","title":{"rendered":"Javascript P\u00e1gina 404 Tela Colorida"},"content":{"rendered":"\n<p>Se voc\u00ea conhece a tela a seguir, provavelmente j\u00e1 tem idade suficiente LOL \ud83d\ude09<\/p>\n<p>Usei esta tela para indicar um erro de p\u00e1gina 404 n\u00e3o encontrada (p\u00e1ginas de erro personalizadas). Algumas linhas 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> s\u00e3o 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>A ideia \u00e9 armazenar a coluna de cores em um array; buscando cada cor e colocando-a na c\u00e9lula de uma tabela (como uma cor de fundo, usando <a href=\"https:\/\/wordpress.mediadoma.com\/pt-pt\/como-dizer-aos-navegadores-que-atualizam-arquivos-css-js-quando-os-arquivos-sao-alterados-no-wordpress\/\" title=\"CSS\">CSS<\/a> )<\/p>\n<p>Voc\u00ea tem telas 404 sofisticadas, implementadas em Javascript? Se sim, compartilhe comentando abaixo.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fonte de grava\u00e7\u00e3o:  <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 P\u00e1gina 404 Tela Colorida<\/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":[898,909,722,733,846,867],"tags":[1170],"class_list":["post-232576","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-codigo-2","category-css-8","category-desenvolvedor","category-javascript-8","category-tutoriais","category-wordpress-8","tag-affiai-pt-pt"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/posts\/232576","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/comments?post=232576"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/posts\/232576\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/media\/224548"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/media?parent=232576"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/categories?post=232576"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/tags?post=232576"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}