{"id":1249,"date":"2012-02-23T17:45:06","date_gmt":"2012-02-23T17:45:06","guid":{"rendered":"http:\/\/gr-01.de\/whitepapers.grafik-und-redaktion.de\/?p=1249"},"modified":"2013-06-03T03:43:29","modified_gmt":"2013-06-03T01:43:29","slug":"iframe-hoehe-an-dessen-inhalt-automatisch-anpassen","status":"publish","type":"post","link":"https:\/\/whitepapers.grafik-und-redaktion.de\/?p=1249","title":{"rendered":"iFrame-H\u00f6he an dessen Inhalt automatisch anpassen"},"content":{"rendered":"<p><a href=\"http:\/\/www.professorweb.de\/javascript-ajax\/iframe-hohe-an-dessen-inhalt-automatisch-anpassen.html\"># 15.08.2008<\/a> <a href=\"http:\/\/www.professorweb.de\/uploads\/iframe\/index.html\" target=\"_blank\">Hier findet Ihr eine Demo<\/a>, die in FF, IE6 und 7 einwandfrei funktionieren sollte.<\/p>\n<pre class=\"brush: html; gutter: true\">&lt;!DOCTYPE html PUBLIC &quot;-\/\/W3C\/\/DTD XHTML 1.0 Transitional\/\/EN&quot; &quot;http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-transitional.dtd&quot;&gt;\r\n&lt;html xmlns=&quot;http:\/\/www.w3.org\/1999\/xhtml&quot;&gt;\r\n&lt;head&gt;\r\n&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text\/html; charset=utf-8&quot; \/&gt;\r\n&lt;title&gt;Unbenanntes Dokument&lt;\/title&gt;\r\n&lt;script type=&quot;text\/javascript&quot;&gt;\r\n  var framefenster = document.getElementsByTagName(&quot;iFrame&quot;);\r\n  var auto_resize_timer = window.setInterval(&quot;autoresize_frames()&quot;, 400);\r\n  function autoresize_frames() {\r\n    for (var i = 0; i &lt; framefenster.length; ++i) {\r\n      var framefenster_size = framefenster[i].contentWindow.document.body.offsetHeight;\r\n      if(document.all &amp;&amp; !window.opera) {\r\n        framefenster_size = framefenster[i].contentWindow.document.body.scrollHeight;\r\n      }\r\n      framefenster[i].style.height = framefenster_size + &#039;px&#039;;\r\n    }\r\n  }\r\n&lt;\/script&gt;\r\n&lt;\/head&gt;\r\n\r\n&lt;body&gt;\r\n&lt;iframe src=&quot;iframe.html&quot; frameborder=&quot;0&quot; style=&quot;width:500px; border:1px solid #000&quot;&gt;&lt;\/iframe&gt;\r\n&lt;\/body&gt;\r\n&lt;\/html&gt;<\/pre>\n<p>Wenn es funktioniert ist unten der Text &#8222;Tralalala :D&#8220; zu lesen (ohne das man scrollen muss). Ihr solltet bedenken, dass folgende drei Kriterien erf\u00fcllt sein m\u00fcssen:<\/p>\n<ul>\n<li>Der Inhalte vom iFrame muss sich auf dem gleichen Server befinden und darf nicht mit einem externen Pfad (beginnt mit http:\/\/) aufgerufen werden sondern nur mit einem absoluten oder relativen Pfad<\/li>\n<li>JavaScript muss aktiviert sein<\/li>\n<li>F\u00fchrt man das Script lokal im IE aus, kommt standardm\u00e4\u00dfig ein Sicherheitshinweis, den man erst best\u00e4tigen muss bevor JavaScript ausgef\u00fchrt wird.<\/li>\n<\/ul>\n<p>Das Script wurde mehrfach erfolgreich getestet, inklusive in einem kommerziellen CMS.<\/p>\n","protected":false},"excerpt":{"rendered":"<p># 15.08.2008 Hier findet Ihr eine Demo, die in FF, IE6 und 7 einwandfrei funktionieren sollte. &lt;!DOCTYPE html PUBLIC &quot;-\/\/W3C\/\/DTD XHTML 1.0 Transitional\/\/EN&quot; &quot;<a href=\"http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-transitional.dtd&quot;&#038;gt\" class=\"autohyperlink\" target=\"_blank\">www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-transitional.dtd&#038;q&#8230;<\/a>; &lt;html xmlns=&quot;<a href=\"http:\/\/www.w3.org\/1999\/xhtml&quot;&#038;gt\" class=\"autohyperlink\" target=\"_blank\">www.w3.org\/1999\/xhtml&quot;&#038;gt<\/a>; &lt;head&gt; &lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text\/html; charset=utf-8&quot; \/&gt; &lt;title&gt;Unbenanntes Dokument&lt;\/title&gt; &lt;script type=&quot;text\/javascript&quot;&gt; var framefenster = document.getElementsByTagName(&quot;iFrame&quot;); var auto_resize_timer = window.setInterval(&quot;autoresize_frames()&quot;, 400); function autoresize_frames() { for (var i = 0; i &lt; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[77,79],"tags":[],"class_list":["post-1249","post","type-post","status-publish","format-standard","hentry","category-snippets","category-tipps-tricks"],"_links":{"self":[{"href":"https:\/\/whitepapers.grafik-und-redaktion.de\/index.php?rest_route=\/wp\/v2\/posts\/1249","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/whitepapers.grafik-und-redaktion.de\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/whitepapers.grafik-und-redaktion.de\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/whitepapers.grafik-und-redaktion.de\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/whitepapers.grafik-und-redaktion.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1249"}],"version-history":[{"count":2,"href":"https:\/\/whitepapers.grafik-und-redaktion.de\/index.php?rest_route=\/wp\/v2\/posts\/1249\/revisions"}],"predecessor-version":[{"id":3143,"href":"https:\/\/whitepapers.grafik-und-redaktion.de\/index.php?rest_route=\/wp\/v2\/posts\/1249\/revisions\/3143"}],"wp:attachment":[{"href":"https:\/\/whitepapers.grafik-und-redaktion.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1249"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/whitepapers.grafik-und-redaktion.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1249"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/whitepapers.grafik-und-redaktion.de\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1249"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}