 PHP ver gevorderde |
|
Er van uit gaande dat je bedoelt dat de hoogte van de iframe moet worden aangepast aan zijn inhoudt moet dit werken:
Dit in <head> zetten:
<script type="text/javascript">
function autoHeight(theIframe)
{
var theDocument = theIframe.contentWindow.document;
var theHeight = theDocument.getElementsByTagName('body')[0].scrollHeight;
theIframe.scrolling = 'no';
theIframe.style.overflow = 'hidden';
theIframe.frameBorder = 0;
theIframe.height = theHeight;
}
</script>
<script type="text/javascript"> function autoHeight(theIframe) { var theDocument = theIframe.contentWindow.document; var theHeight = theDocument.getElementsByTagName('body')[0].scrollHeight; theIframe.scrolling = 'no'; theIframe.style.overflow = 'hidden'; theIframe.frameBorder = 0; theIframe.height = theHeight; } </script>
En dit in de body op de plaats van je iframe
<iframe onload="autoHeight(this);" src="iframe.html" width="600"></iframe>
<iframe onload="autoHeight(this);" src="iframe.html" width="600"></iframe>
Dus..
onload="autoHeight(this)"
onload="autoHeight(this)"
.. toevoegen aan je iframe is al voldoende om hem de height te geven die bij zijn inhoudt hoort. Let er wel op dat je alleen de width meegeeft en niet de height.
Ik heb hem zojuist getest in firefox, internet explorer en opera en in alle drie werkt hij hetzelfde  . Wel stom dat ik 1,5 jaar terug dagenlang opzoek ben geweest naar zo'n script uit eindelijk gevonden, maar dat was een gigantisch script en werkte niet 100% correct. En nu in 15 min maak ik hetgeen wat ik toen de hele tijd wilde  .
Veel succes  |
Wat is jouw favoriete javascript framework? (S: 18, R: 2)
Gesponsorde links
Actiefste leden van de maand
