{"id":11,"date":"2007-03-02T10:41:36","date_gmt":"2007-03-02T08:41:36","guid":{"rendered":"http:\/\/www.nyamsprod.com\/blog\/?p=11"},"modified":"2007-03-02T10:41:36","modified_gmt":"2007-03-02T08:41:36","slug":"est-ce-que-ma-page-a-la-meme-dimension-que-mon-document","status":"publish","type":"post","link":"https:\/\/nyamsprod.com\/blog\/est-ce-que-ma-page-a-la-meme-dimension-que-mon-document\/","title":{"rendered":"Est-ce que ma page \u00e0 la m\u00eame dimension que mon document ?"},"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>Je sais cette question empoisonne la vie des humbles developpeurs de sites web que nous sommes. Alors d&#8217;embl\u00e9 j&#8217;y r\u00e9ponds sans d\u00e9tour <strong>NON!!<\/strong>. Et de continuer sur ma lanc\u00e9e en disant que c&#8217;est tellement ennuyeux de calculer se genre de donn\u00e9es qu&#8217;apr\u00e8s plusieurs recherche sur le net, et plusieurs essais et erreurs, car je ne comprenais pas tr\u00e8s bien aussi au d\u00e9part,<br \/>\nj&#8217;ai d\u00e9cid\u00e9 de mettre dans une fonction les r\u00e9ponses \u00e0 toutes ces questions afin que je ne me l&#8217;ai pose plus car r\u00e9cemment j&#8217;ai du utilis\u00e9 ces donn\u00e9es un peu trop souvent. Et les recoder \u00e0 chaque fois cela devient p\u00e9nible \u00e0 la fin donc voici la fonction en brute, sans exemples car j&#8217;ai pas le temps en ce moment&#8230;<\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">var dimension_detect=function(){\n var d={\n &#039;viewW&#039;:0, \/\/viewPort Width\n &#039;viewH&#039;:0, \/\/viewPort Height\n &#039;docH&#039;:0,  \/\/document Height\n &#039;docW&#039;:0,  \/\/document Width\n &#039;left&#039;:0,  \/\/content Left Position according to the document flow\n &#039;top&#039;:0    \/\/content top position according to the document flow\n };\n if(document.body.scrollHeight&gt;document.body.offsetHeight){\n \td.docW=document.body.scrollWidth;\n \td.docH=document.body.scrollHeight;\n } else {\n \td.docW=document.body.offsetWidth;\n \td.docH=document.body.offsetHeight;\n }\n if(self.innerWidth){\n \td.viewW=self.innerWidth;\n \td.viewH=self.innerHeight;\n \td.left=window.pageXOffset;\n \td.top=window.pageYOffset;\n } else {\n \tvar ie=(document.compatMode&amp;&amp;document.compatMode!=&#039;BackCompat&#039;)?document.documentElement:document.body;\n \td.viewW=ie.clientWidth;\n \td.viewH=ie.clientHeight;\n \td.left=ie.scrollLeft;\n \td.top=ie.scrollTop;\n }\n return d;\n};<\/pre>\n<p><strike>Bon ok je vais \u00eatre sympa et je vous montre ce que cela donne pour ce billet<\/strike><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Une fonction javascript pour determiner de mani\u00e8re rapide et  ind\u00e9pendamment de votre navigateur la taille et la position de votre document web dans votre navigateur.<\/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":[163,292,554,572],"class_list":["post-11","post","type-post","status-publish","format-standard","hentry","category-web","tag-dom","tag-javascript","tag-viewport","tag-window-dimensions"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/nyamsprod.com\/blog\/wp-json\/wp\/v2\/posts\/11","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=11"}],"version-history":[{"count":0,"href":"https:\/\/nyamsprod.com\/blog\/wp-json\/wp\/v2\/posts\/11\/revisions"}],"wp:attachment":[{"href":"https:\/\/nyamsprod.com\/blog\/wp-json\/wp\/v2\/media?parent=11"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nyamsprod.com\/blog\/wp-json\/wp\/v2\/categories?post=11"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nyamsprod.com\/blog\/wp-json\/wp\/v2\/tags?post=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}