You Now Here »

Tutorial jquery javascript automatic load Adjust width height of iframe to fit  (Read 1972 times - 144 votes) 

DANNY

G-Plus Author
  • ADMINISTRATOR
  • More Share Forum Topic
  • [MS] kepala suku
  • *
  • DANNY sangat terkenal!DANNY sangat terkenal!DANNY sangat terkenal!DANNY sangat terkenal!DANNY sangat terkenal!DANNY sangat terkenal!
  • Rep Power: 6
  • Join: September 30, 2009
  • Posts: 11,931
  • Poin: 193.924
    • WWW
  • IP member tracker Logged


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) [Select]
<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!
  :beer:


View Mobile Web Short URL: