{"id":59,"date":"2008-03-27T21:03:11","date_gmt":"2008-03-27T19:03:11","guid":{"rendered":"http:\/\/nyams.planbweb.com\/blog\/2008\/03\/27\/yen-a-marre-des-codes-html-de-merde\/"},"modified":"2008-03-27T21:03:11","modified_gmt":"2008-03-27T19:03:11","slug":"yen-a-marre-des-codes-html-de-merde","status":"publish","type":"post","link":"https:\/\/nyamsprod.com\/blog\/yen-a-marre-des-codes-html-de-merde\/","title":{"rendered":"Y&#8217;en a marre des codes html de merde!!"},"content":{"rendered":"<div class=\"message warning\">\n<p><strong>Attention:<\/strong> Les informations de ce billet sont susceptibles d'&ecirc;tre obsol&egrave;tes car vieux de plus 2 ans.<\/p>\n<p><strong>Warning: <\/strong> The information you are reading may be obsolete, this post was published more than 2 years ago.<\/p>\n<\/div><p>On est en Mars 2008 et je poste mon premier vrai coup de gueule. Celui-ci est adress\u00e9 aux soit disant designers, d\u00e9veloppeurs web qui se disent \u00eatre des professionnels. Y&#8217;en a marre des codes javascript de merde que je rencontre dans les design <em>html <\/em>que je commande chez de tels individus.<!--more--> J&#8217;en ai marre des liens html du type :<\/p>\n<pre class=\"brush: xml; title: ; notranslate\" title=\"\">&lt;a href=&quot;javascript:void(0);&quot; onclick=&quot;openthis(&#039;http:\/\/www.amazina.com&#039;);&quot;&gt;cliquez ici!!&lt;\/a&gt;<\/pre>\n<p>Franchement, je me demande pourquoi on se fait chier \u00e0 \u00e9crire des recommandations ou <a title=\"Un tutoriel sur le XHTML\" lang=\"fr\" href=\"http:\/\/nyams.planbweb.com\/tutorial-xhtml-00.html\">des tutoriels<\/a>, pourquoi on s&#8217;\u00e9vertue \u00e0 <a title=\"Quirksmode consacre une partie de son site au bugs report\" lang=\"en\" rel=\"external\" href=\"http:\/\/www.quirksmode.org\/bugreports\/index.html\">indiquer aux constructeurs de navigateurs les bugs<\/a> que l&#8217;on rencontre, si nous m\u00eame, en 2008 on n&#8217;est pas capable d&#8217;\u00e9crire un lien <em>html <\/em>avec la bonne syntaxe <em>javascript <\/em>qui va bien. C&#8217;est vrai quoi, avec tous les bons sites de r\u00e9f\u00e9rence sur le net, le designer avec lequel je bosse sur un projet m&#8217;a pondu le code ci-dessus sans sourciller. <em>Pour des raisons de d\u00e9ontologie, le code exact a \u00e9t\u00e9 l\u00e9g\u00e8rement retouch\u00e9<\/em> \ud83d\ude09 . Finalement je crois que je vais faire comme <a title=\"Les nouvelles techniques du web qui vont tous r\u00e9volutionn\u00e9es\" lang=\"en\" rel=\"external\" href=\"http:\/\/www.dustindiaz.com\/web-1-point-oh-techniques\/\">Dustin Diaz<\/a> et choisir d&#8217;en rire.<\/p>\n<p>R\u00e9capitulons rapidement les erreurs de ce code :<\/p>\n<ol>\n<li><a title=\"Comment bien \u00e9crire le javascript dans un lien\" href=\"http:\/\/www.quirksmode.org\/blog\/archives\/2005\/06\/three_javascrip_1.html\"><strong><code>javascript:void(0);<\/code><\/strong><\/a> : un pourriture qui date de l&#8217;aube du html et qui aurait du \u00eatre enterr\u00e9 en m\u00eame temps que Netscape 4.0 au minimum;<\/li>\n<li><a title=\"les bases et fondements du XHTML\" lang=\"en\" rel=\"external\" href=\"http:\/\/nyams.planbweb.com\/tutorial-xhtml-02.html\"><strong>La pr\u00e9sence de <code>onclick <\/code>avec 1 C majuscule<\/strong> :<\/a> c&#8217;est vrai je ne l&#8217;ai pas dis mais ce lien m&#8217;a \u00e9tait livr\u00e9 avec une DTD certifiant que mon document \u00e9tait du type XHTML 1.0;<\/li>\n<li><strong>cliquez-ici<\/strong> : l&#8217;utilisation de ces mots certifi\u00e9s <em>Web 0.1 beta 3<\/em> pour indiquer un lien m&#8217;\u00e9nerve au plus haut point. Si c&#8217;est un lien et c&#8217;est le cas, c&#8217;est pas pour faire joli, c&#8217;est pour qu&#8217;on clique dessus, donc comme cela coule de source pas la peine d&#8217;en rajouter ;<\/li>\n<li>Si  pour une raison X ou Y , le javascript ne fonctionne pas dans le navigateur qui va ex\u00e9cuter ce code, h\u00e9 bien rien ne se passera lorsque l&#8217;on cliquera sur le lien , c&#8217;est con n&#8217;est pas;<\/li>\n<li><a title=\"Explication du pourquoi du comment qu'il faut ajouter return false\" lang=\"en\" rel=\"external\" href=\"http:\/\/www.quirksmode.org\/js\/events_early.html\">L&#8217;oubli de <strong><code>return false<\/code><\/strong> <strong>dans le onclick<\/strong><\/a> : Si un lien est d\u00e9finit dans l&#8217;attribut <code>href<\/code>, se lien sera de toute mani\u00e8re suivie avec le javascript activ\u00e9;<\/li>\n<\/ol>\n<p>Et oui, en moins d&#8217;une ligne de<em> html\/javascript<\/em> autant d&#8217;erreurs commises par un newbie, boulet, codeur du dimanche ne m&#8217;aurais pas fait broncher, mais venant d&#8217;une personne pay\u00e9e pour coder et livrer un travail dit professionnel, je trouve cela totalement inacceptable. Je n&#8217;y r\u00e9siste tout de m\u00eame pas et je vous livre le code revu et corrig\u00e9 pour la paix de vos \u00e2mes :<\/p>\n<pre>&lt;a href=\"http:\/\/www.amazina.com\" onclick=\"openthis(this.href); return false\"&gt;amazina&lt;\/a&gt;<\/pre>\n<p>A bon entendeur salut.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Le coup de gueule de la semaine : celui-ci est dirig\u00e9 contre les codeurs dit professionnelles qui code comme des boulets alors qu&#8217;ils sont pay\u00e9s pour faire un vrai boulot de professionnels.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[5],"tags":[35,77,111,128,163,253,582],"class_list":["post-59","post","type-post","status-publish","format-standard","hentry","category-web","tag-amateurs","tag-boulets","tag-codeurs","tag-coup-de-gueule","tag-dom","tag-html","tag-yen-a-marre"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/nyamsprod.com\/blog\/wp-json\/wp\/v2\/posts\/59","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nyamsprod.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nyamsprod.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nyamsprod.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nyamsprod.com\/blog\/wp-json\/wp\/v2\/comments?post=59"}],"version-history":[{"count":0,"href":"https:\/\/nyamsprod.com\/blog\/wp-json\/wp\/v2\/posts\/59\/revisions"}],"wp:attachment":[{"href":"https:\/\/nyamsprod.com\/blog\/wp-json\/wp\/v2\/media?parent=59"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nyamsprod.com\/blog\/wp-json\/wp\/v2\/categories?post=59"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nyamsprod.com\/blog\/wp-json\/wp\/v2\/tags?post=59"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}