(View Original Web?)

HOBBY > SOURCE CODE

Tutorial jquery javascript automatic load Adjust width height of iframe to fit


(Page 1 of 1)
Lagi penasaran ama iframe, ini ko statis banget yah... ngerusak tampilan web aja, sembari jalan-jalan nyari javascript nya untuk memperbesar secara otomatis iframe ternyata nemu scriptnya, jadi fungsi berikut akan bekerja secara otomati membaca tinggi iframe saat pertama kali browser melakukan loading page. alhasil iframe akan full sesuai source originalnya. silakan coba, sangat bagus ini menurut ane iframe jadi lebih dinamis

Code: (auto height iframe)
<script language="JavaScript">
<!--
function autoResize(id){
    var newheight;
    var newwidth;

    if(document.getElementById){
        newheight=document.getElementById(id).contentWindow.document .body.scrollHeight;
        newwidth=document.getElementById(id).contentWindow.document .body.scrollWidth;
    }

    document.getElementById(id).height= (newheight) + "px";
    document.getElementById(id).width= (newwidth) + "px";
}
//-->
</script>

<iframe src="https://www.ms-room.com" width="100%" height="200px" id="iframe1" marginheight="0" frameborder="0" scrolling="no" onLoad="autoResize('iframe1');"></iframe>

Note: if not work JQUERY  may NEEDED!
 
(Page 1 of 1)

Navigation

Back Sub-Forum