سلام دوستان
یه iframe دارم میخوام وقتی کامل لود شد height اون اندازه سایتی باشه که داخلش باز شده
و وقتی که اندازه سایت داخل iframe تغییر کرد اندازه iframe هم تغییر بکنه
Printable View
سلام دوستان
یه iframe دارم میخوام وقتی کامل لود شد height اون اندازه سایتی باشه که داخلش باز شده
و وقتی که اندازه سایت داخل iframe تغییر کرد اندازه iframe هم تغییر بکنه
سلام دوستان یه چیزایی دستگیرم شده ولی هنوز درست کار نمیکنه
<!DOCTYPE html><html>
<body>
<p id="demo">test</p>
<iframe scrolling="no" frameborder="0" id="myframe" src="http://www.google.com" style="height:280px;width:100%;"></iframe>
<p><strong>Note:</strong> salam</p>
<div id="window-info"></div>
<script src="jquery-2.1.1.min.js"></script>
<script>
$(function(){
$(window).resize(function(){
change();
});
$("#myframe").load(function (){
change();
});
function change(){
var frame = document.getElementById("myframe");
var heightiframe = frame.contentWindow.document.body.scrollHeight;
frame.style.height = heightiframe + 'px';
}
});
</script>
</body>
</html>
وقتی صفحه داخل فریم بزرگ میشه مشکل نداره ولی وقتی دوباره کوچک میشه درست کار نمیکنه