{"id":232257,"date":"2023-01-24T11:16:00","date_gmt":"2023-01-24T08:16:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=232257"},"modified":"2023-01-26T12:46:46","modified_gmt":"2023-01-26T09:46:46","slug":"javascript-sida404-faergskaerm","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/sv\/javascript-sida404-faergskaerm\/","title":{"rendered":"Javascript Sida404 F\u00e4rgsk\u00e4rm"},"content":{"rendered":"\n<p>Om du \u00e4r bekant med f\u00f6ljande sk\u00e4rm, \u00e4r du f\u00f6rmodligen gammal nog LOL \ud83d\ude09 F\u00f6ljande anv\u00e4ndes av TV-program f\u00f6r att indikera att &quot;f\u00f6r n\u00e4rvarande inte tillg\u00e4nglig&quot;, p\u00e5 1980-talet<\/p>\n<p>Jag anv\u00e4nde den h\u00e4r sk\u00e4rmen f\u00f6r att indikera ett fel p\u00e5 sidan 404 som inte hittades (anpassade felsidor). N\u00e5gra rader <a href=\"https:\/\/helloacm.com\/how-to-find-maximum-integer-products-using-javascript\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Javascript<\/a> r\u00e4cker.<\/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>Tanken \u00e4r att lagra kolumnen av f\u00e4rger i en array; h\u00e4mta varje f\u00e4rg och placera den i cellen i en tabell (som bakgrundsf\u00e4rg, med <a href=\"https:\/\/wordpress.mediadoma.com\/sv\/hur-beraettar-man-foer-webblaesare-om-att-uppdatera-css-js-filer-naer-filer-aendras-i-wordpress\/\" title=\"CSS\">CSS<\/a> )<\/p>\n<p>Har du snygga 404-sk\u00e4rmar, implementerade i Javascript? Om ja, v\u00e4nligen dela genom att kommentera nedan.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Inspelningsk\u00e4lla:  <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 Sida404 F\u00e4rgsk\u00e4rm<\/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":[910,848,734,901,724,868],"tags":[1173],"class_list":["post-232257","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-css-9","category-handledningar","category-javascript-9","category-koda","category-utvecklaren","category-wordpress-9","tag-affiai-sv"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/posts\/232257","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/comments?post=232257"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/posts\/232257\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/media\/224548"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/media?parent=232257"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/categories?post=232257"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/tags?post=232257"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}