Mengatur height iframe sesuai konten

Read Time39 Second

Cara mengatur tinggi iframe sesuai konten.

buat file index.html (tempat naro iframenya)
script iframenya spt ini
<iframe id=”rpdFrame“ width=”100%” src=”iframe1.html“></iframe>
yg penting dari script diatas adalah frame ID nya.
di bawahnya setelah file jquery taruh script
<script>
$(document).ready(function() {
$( “#rpdFrame” ).on(‘load’, function() {
//#rpdFrame = id dari iframe nya
//iframewrapper = class di dalam iframe yg membungkus smua content iframe
var mydiv = $(this).contents().find(“.iframewrapper”);
var h = mydiv.height();
$(this).css(“height”, h);
});
});
</script>
Fungsi ini adalah untuk setting detect tinggi iframe
lalu di file iframe.html
seluruh frame di bungkus dgn div class iframewrapper
contoh:
<div class=”iframewrapper”> <p>Isi konten aing</p></div>
Voila beres.