{"id":232534,"date":"2023-01-24T10:48:00","date_gmt":"2023-01-24T07:48:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=232534"},"modified":"2023-01-26T12:41:45","modified_gmt":"2023-01-26T09:41:45","slug":"ecran-couleur-javascript-page404","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/fr\/ecran-couleur-javascript-page404\/","title":{"rendered":"\u00c9cran couleur Javascript Page404"},"content":{"rendered":"\n<p>Si vous connaissez l&rsquo;\u00e9cran suivant, vous \u00eates probablement assez vieux LOL \ud83d\ude09 Ce qui suit a \u00e9t\u00e9 utilis\u00e9 par TV Program pour indiquer que &quot;actuellement non disponible&quot;, dans les ann\u00e9es 80<\/p>\n<p>J&rsquo;ai utilis\u00e9 cet \u00e9cran pour indiquer une erreur de page 404 introuvable (pages d&rsquo;erreur personnalis\u00e9es). Quelques lignes 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> suffisent.<\/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>L&rsquo;id\u00e9e est de stocker la colonne de couleurs dans un tableau ; r\u00e9cup\u00e9rer chaque couleur et la placer dans la cellule d&rsquo;un tableau (comme couleur d&rsquo;arri\u00e8re-plan, en utilisant <a href=\"https:\/\/wordpress.mediadoma.com\/fr\/comment-dire-aux-navigateurs-de-mettre-a-jour-les-fichiers-css-js-lorsque-les-fichiers-sont-modifies-dans-wordpress\/\" title=\"CSS\">CSS<\/a> )<\/p>\n<p>Avez-vous des \u00e9crans 404 fantaisistes, impl\u00e9ment\u00e9s en Javascript\u00a0? Si oui, merci de partager en commentant ci-dessous.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Source d&rsquo;enregistrement:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/helloacm.com\" class=\"external external_icon\">helloacm.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00c9cran couleur Javascript Page404<\/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":[893,904,717,728,841,862],"tags":[1167],"class_list":["post-232534","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-code-2","category-css-3","category-developpeur","category-javascript-3","category-tutoriels","category-wordpress-3","tag-affiai-fr"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/posts\/232534","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/comments?post=232534"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/posts\/232534\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/media\/224548"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/media?parent=232534"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/categories?post=232534"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/tags?post=232534"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}