Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webprogrammeren & scripting

Problemen met automatisch aanpassen hoogte iframe aan inhoud

[url]http://www.nunogh.be[/url] Beste, Ik ben een site aan het maken voor het Antwerps figuranten Agentschap (AFA). Ik heb hiervoor gebruik gemaakt van een iframe om de tekstinhouden in weer te geven. Per pagina die er wordt weergegeven zou het iframe zichzelf moeten aanpassen aan de hoogte van de tekstinhoud. Als je op de link hierboven klikt met internet explorer gaat alles schijnbaar perfect zoals het moet... tot je twee keer op dezelfde knop klikt, dan wordt het iframe ook plots breder... het is mij een raadsel waarom... In Firefox heb ik dat probleem niet, daar heb ik wel het probleem dat hij het iframe niet kleiner wil maken: als ik een grotere pagina wil weergeven doet hij het perfect, maar als nadien weer een kleindere komt dan blijft het iframe zo groot... Dit probleem bestaat dan weer niet in Internet Explorer. Uiteraard zouden beide problemen van de baan moeten. Hier is de code die ik hiervoor gebruik: Het bestand dat het iframe bevat ziet er zo uit (enkel de relevante code): [code:1:a20f7715d5]<html> <head> <script type="text/javascript"> <!-- function loadIframe(theURL) { document.getElementById("iframe").src = theURL; } //--> </script> <script language="JavaScript" type="text/javascript">if (top!=self) top.location.href=self.location.href;</script> </head> <body> <iframe name="iframe" id="iframe" src="thuis.htm" frameborder="0" scrolling="no"></iframe> </body> </html>[/code:1:a20f7715d5] thuis.htm ziet er dan zo uit: [code:1:a20f7715d5]<html> <head> <script language="javascript" type="text/javascript" src="scripts/fitiframe.js"></script> </head> <body onLoad="autofitIframe('iframe')"> </body> </html>[/code:1:a20f7715d5] en dit is de volledige fitiframe.js, het script waar het eigenlijk om gaat: [code:1:a20f7715d5]function autofitIframe(id){ if (!window.opera && !document.mimeType && document.all && document.getElementById){ parent.document.getElementById(id).style.height=this.document.body.offsetHeight+"px"; } else if(document.getElementById) { parent.document.getElementById(id).style.height=this.document.body.scrollHeight+"px" } }[/code:1:a20f7715d5] Ik hoop dat iemand mij kan helpen, ik kan er echt niet aan uit. Voor alle duidelijkheid: ik heb dit script niet zelf geschreven. Bijgevolg begrijp ik het ook niet helemaal. De pogingen die ik zelf ondernam zijn allemaal op niets uitgelopen. Groetjes Hansje

Hansje