PDA

View Full Version : auto height iframe



ali reza mansoori 2
چهارشنبه 31 اردیبهشت 1393, 14:13 عصر
سلام دوستان
یه iframe دارم میخوام وقتی کامل لود شد height اون اندازه سایتی باشه که داخلش باز شده
و وقتی که اندازه سایت داخل iframe تغییر کرد اندازه iframe هم تغییر بکنه

ali reza mansoori 2
یک شنبه 04 خرداد 1393, 17:48 عصر
سلام دوستان یه چیزایی دستگیرم شده ولی هنوز درست کار نمیکنه

<!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>
وقتی صفحه داخل فریم بزرگ میشه مشکل نداره ولی وقتی دوباره کوچک میشه درست کار نمیکنه