iFrame “Auto Height” dengan Jquery


Dalam tag tidak berlaku untuk elemen style=”height:100%”  melainkan yang bisa berlaku hanya style=”width:100%”. Untuk membuatnya menjadi auto height 100% bisa menggunakan jQuery Jadi berapapun ukuran iframe akan tetap menyesuaikan secara otomatis, sehingga seolah-seolah tidak memakai iframe.

Caranya :

– masukkan jQuery library, terserah pakai yang versi keberapa

<script type="text/javascript" src="jquery-1.6.2.js"></script>

– masukkan jQuery buat auto height iframe

<script type="text/javascript" src="jquery.iframe-auto-height.plugin.js"></script>

– masukkan script iframe, untuk jQuery ini akan otomatis mendeteksi semua iframe menjadi auto height

– masukkan fungsi javascript iframe autoheight

<script type="text/javascript">
      jQuery('iframe').iframeAutoHeight();
</script>

– Simpan dan lihat hasilnya

Download Script Lengkap

Source Script : https://github.com/house9/jquery-iframe-auto-height

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s