تغییر اندازه iframe

[alirezador]

سلام دوستان

دوستان چطوری میشه وقتی که در iframe یک صفحه باز میشه اندازه toolbar افقی یا عمودی را کنه و اندازه اونها را در widht و height اعمال کنه
یعنی وقتی طول صفحه زیاد بود به جای اینکه طول بار بهش اضافه کنه height را در iframe زیاد کنه
ممنون میشم اگه راهنماییم کنین

[pooyanm]

من نمی دونم شما این سوال ها رو از کجا پیدا می کنید، بابا یه خورده آسون تر بپرسید.

[pooyanm]

سلام علیرضا جان، کد زیر را اجرا کن در IE که مشکلی نداره.

<script>
function setSize(frame){
var b = frame.contentWindow.document.body;
var w = b.scrollWidth;
var h = b.scrollHeight;
if (w > 0) {
frame.width=w;
}
if (h > 0) {
frame.height=h;
}
}
</script>
<iframe src=test.html onload="this.contentWindow.top.setSize(this);"
onmouseenter="this.contentWindow.top.setSize(this);">
</iframe>

[pooyanm]

اگر موقع load شدن کار درست انجام نشه با ورود ماوس یا هر event دیگه ای که خواستی setSize را به کار ببر.

[pooyanm]

البته ممکنه در حد چند پیکسل این طرف اون طرف بیفته ولی فقط چند پیکسل.

[pooyanm]

البته حالا که پست های من از صد می گذره می خواستم بدونم که مدیر این بخش کیه و چه طوری مدیران بخش ها انتخاب می شن کسی می تونه کمک کنه؟؟

[alirezador]

آقا پویان خیلی ممنون از زحمتی که کشیدین من الان دیدم میرم امتحان کنم

[alirezador]

آقا پویان خیلی ممنون از لطفتون خیلی خوب کار کرد

[pooyanm]

خواهش می کنم.

[sh.shad]

با سلام

من هم از کد زیر استفاده کردم و برای IE خیلی خوب جواب میده؛ حتی اگر سورس فریم از یک سولوشن دیگر(different Domain ) باشد
ولی برای کروم و فایرفاکس فقط برای صفحاتی که در همان سولوشن هست جواب میده

function getElement(aID) {
return (document.getElementById) ? document.getElementById(aID) : document.all[aID];
}
function getIFrameDocument(aID) {
var rv = null;
var frame = getElement(aID);
if (frame.contentDocument) {
rv = frame.contentDocument;
}
else
{
rv = document.frames[aID].document;

}
}
return rv;
}

function adjustMyFrameSize() {

var frame = getElement('BodyFrame');
var frameDoc = getIFrameDocument('BodyFrame');
if (navigator.appName == "Microsoft Internet Explorer") {
frame.style.height = frameDoc.body.scrollHeight + "px";
}
else {

frame.style.height = frameDoc.body.offsetHeight+ "px";
}

<bodyonload="adjustMyFrameSize();">


کسی میدونه برای تغییر سایز فریم در differnte Domain چی کدی باید زد؟

[sh.shad]

لطفا یکی راهنمایی کنه؟

[justplan]

سلام علیرضا جان، کد زیر را اجرا کن در IE که مشکلی نداره.

<script>
function setSize(frame){
var b = frame.contentWindow.document.body;
var w = b.scrollWidth;
var h = b.scrollHeight;
if (w > 0) {
frame.width=w;
}
if (h > 0) {
frame.height=h;
}
}
</script>
<iframe src=test.html onload="this.contentWindow.top.setSize(this);"
onmouseenter="this.contentWindow.top.setSize(this);">
</iframe>

سلام به همه
آقا پویان خیلی عالی بود توی ie و موزیلا خوب جواب میده ولی کروم و اپرارو چی کار کنیم
تازه این کد توی اپرا خیلی جالبه حتما یه نگاه بندازید(اگر به گوشه های iframe بری اندازه ی iframe کوچیک میشه تا به جایی میرسه که اندازش 2px در 2px میشه)

بالاخره چون که 34% مردم دنیا از مرورگر کروم و 12% هم از اپرا استفاده می کنند از این رو این کد دارای اهمیت بیشتری خواهد شد زمانی که با تمام مرورگرها هم خوانی داشته باشد
بنده هم از شما یا دوستان دیگر ممنون میشوم این کار را به اتمام برسانند

[justplan]

کد حاضر یه چند پیکسل اینور انوره ولی کدی که الان پیدا کردم خیلی دقیقتر هست



<script language="JavaScript"> <!-- function autoResize(id){ var newheight; var newwidth; if(document.getElementById){ newheight=document.getElementById(id).contentWindo w.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="usagelogs/default.aspx" width="100%" height="200px" id="iframe1" marginheight="0" frameborder="0" onLoad="autoResize('iframe1');"></iframe>



ولی هنوزم همون مشکلو داره یعنی با کروم و اپرا مشکل داره
در ضمن این کد ار یک سایت عالی خارجی پیدا کردم که از جون مرغ تا جون آدمیزاد توی اون هست
البته با اپرا و کروم مشکل داره البته توضیحات تکمیلی توی این سایت زیاده فکر کنم درست کرده ولی من نفهمیدم خیلی....
این آدرسشه
http://stackoverflow.com/questions/819416/adjust-width-height-of-iframe-to-fit-with-content-in-it

[justplan]

راه نهایی پیدا کردم که در تمام مرورگرها جواب میده

<script type='text/javascript'>

function setIframeHeight( iframeId ) /** IMPORTANT: All framed documents *must* have a DOCTYPE applied **/
{
var ifDoc, ifRef = document.getElementById( iframeId );

try
{
ifDoc = ifRef.contentWindow.document.documentElement;
}
catch( e )
{
try
{
ifDoc = ifRef.contentDocument.documentElement;
}
catch(ee)
{
}
}

if( ifDoc )
{
ifRef.height = 1;
ifRef.height = ifDoc.scrollHeight;

/* For width resize, enable below. */

// ifRef.width = 1;
// ifRef.width = ifDoc.scrollWidth;
}
}

</script>


<iframe name="name" title="title" src="adress.html" scrolling="no" border="0" width="700" height="1600px" id = "myIframe" onload = "setIframeHeight( this.id )"> </iframe>


هماهنگ با مرورگر موزیلا، اپرا و اینترنت اکسپلور
در همه ی این ها به صورت اتوماتیک اندازه ارتفاع محاسبه می شود به صورت دقیق البته توی کروم جواب نمی ده ولی چون ارتفاع را کردم 1600 کردم دیگه مهم نیست...