Printable View
من میخوام طول و عرض یک iframe رو با توجه به محتویات داخل آن تغییر دهم به طوری که هیچ وقت در اطراف iframe اسکرول بار نداشته باشم. از کد اچ تی ام ال scrolling="no" نمی خوام استفاده کنم چون اسکرول بار هارو برمیداره ولی ابعاد صفحه همون مقدار قبل میمونه . اما من میخوام به صورت هوشمند خودش مطالب داخل iframe رو کامل نشون بده.
اصلا چه جوری میشه مقدار طول و عرض iframe رو بدست آورد؟
من برای اینکه ارتفاع یک iframe متناسب با صفحه داخلش باشه از این کد تو head صفحه ای که توی فریم قرار میگیره استفاده میکنم:
[html]
<script type="text/javascript">
window.onload = function() {
if(parent) {
var doc_height = (document.body.clientHeight + 10);
parent.document.getElementById('frame_holder').sty le.height = doc_height + 'px';
}
}
</script>
[/html]
frame_holder هم id هست که به تگ iframe تو صفحه اصلی دادم;
خیلی خیلی ممنون neopersia
کد clientHeight میاد ارتفاع صفحه بازدید کننده رو میگیره و با کدی که شما گذاشتید این ارتفاع رو با 10 تا هم جمع میکنه و به IFRAME نسبت میده. که ربطی به طول خود صفحه iframe نداره.
من میخوام ارتفاع خود همون صفحه iframe رو بدست بیارم.
آیا کدی میشناسید که این کارو بکنه؟
این کدی رو که گذاشتم اگه تو صفحه ای باشه که قراره در iframe نمایش داده بشه ارتفاع صفحه ای رو که توی iframe نمایش داده میشه مشخص میکنه بعد تو صفحه اصلی ارتفاع iframe رو متناسب با اون تغییر میده تا iframe اسکرول نداشته باشه. مگه شما همینو نمیخوای؟!
البته اگر بخوای از تو صفحه اصلی که iframe تو اون قرار داره این کار رو بکنی یه کم پیچیده تر میشه که برای زمانی خوبه که به سورس صفحه داخل فریم دسترسی نداشته باشیم.
نه من نمیخوام ارتفاع iframe متناسب با صفحه اصلی باشه. اصلا ارتفاع اونها به هم ربطی نداره. میخوام ارتفاع iframe به اندازه ای باشه که مثلا یک عکس داخل اون iframe هست و حالا اگر ارتفاع اون عکسه بیشتر بود ارتفاع iframe هم بیشتر بشه و کنار اون عکس اسکرول نداشته باشم.نقل قول:
این کدی رو که گذاشتم اگه تو صفحه ای باشه که قراره در iframe نمایش داده بشه ارتفاع صفحه ای رو که توی iframe نمایش داده میشه مشخص میکنه بعد تو صفحه اصلی ارتفاع iframe رو متناسب با اون تغییر میده تا iframe اسکرول نداشته باشه. مگه شما همینو نمیخوای؟!
همین تبلیغات تو پی سی ورلد رو نگاه کن بصورت iframe گذاشته میشه و اسکرول نداره البته ارتفاع همه ی عکس هاش یکسان است ولی من میخوام متغیر باشه.
در این حالت رو هم اگه زحمتی نیست یکم توضیح بده ممنون میشم.نقل قول:
البته اگر بخوای از تو صفحه اصلی که iframe تو اون قرار داره این کار رو بکنی یه کم پیچیده تر میشه که برای زمانی خوبه که به سورس صفحه داخل فریم دسترسی نداشته باشیم.
منم همچین چیزی نگفتم. اصلاً منطقی هم نیست!نقل قول:
نه من نمیخوام ارتفاع iframe متناسب با صفحه اصلی باشه
خوب همین عکسی که میگی چطوری میزاری تو iframe؟ خوب باید براش یه کد بنویسی یا نه! این کد مگه تو یک صفحه Html به جز صفحه اصلی نوشته نمیشه؟ خوب اسکرپتی رو که گذاشتم باید تو همون صفحه بزاری که عکس توشه!نقل قول:
میخوام ارتفاع iframe به اندازه ای باشه که مثلا یک عکس داخل اون iframe هست و حالا اگر ارتفاع اون عکسه بیشتر بود ارتفاع iframe هم بیشتر بشه و کنار اون عکس اسکرول نداشته باشم.
راستش خودم تا بحال ازش استفاده نکردم چون نیازی نداشتم فقط برای جواب به یه تاپیک دیگه پیدا کرده بودم و همون یه دفعه هم تست کردم الان یادم نیست از چه متدی استفاده کرده بودم ولی دفعه دیگه که بیام فروم با خودم میارم :31:نقل قول:
در این حالت رو هم اگه زحمتی نیست یکم توضیح بده ممنون میشم.
بقیه دوستان هم اگه میدونن لطفاً بگن
قبلنا یکی داشتم باید بگردم !
---------------------------
ویرایش :
پیدا کردم !
[html]
<script type="text/javascript">
/***********************************************
* Colected By N I M A
************************************************/
//Input the IDs of the IFRAMES you wish to dynamically resize to match its content height:
//Separate each ID with a comma. Examples: ["myframe1", "myframe2"] or ["myframe"] or [] for none:
var iframeids=["myframe"]
//Should script hide iframe from browsers that don't support this script (non IE5+/NS6+ browsers. Recommended):
var iframehide="yes"
var getFFVersion=navigator.userAgent.substring(navigat or.userAgent.indexOf("Firefox")).split("/")[1]
var FFextraHeight=parseFloat(getFFVersion)>=0.1? 16 : 0 //extra height in px to add to iframe in FireFox 1.0+ browsers
function dyniframesize() {
var dyniframe=new Array()
for (i=0; i<iframeids.length; i++){
if (document.getElementById){ //begin resizing iframe procedure
dyniframe[dyniframe.length] = document.getElementById(iframeids[i]);
if (dyniframe[i] && !window.opera){
dyniframe[i].style.display="block"
if (dyniframe[i].contentDocument && dyniframe[i].contentDocument.body.offsetHeight) //ns6 syntax
dyniframe[i].height = dyniframe[i].contentDocument.body.offsetHeight+FFextraHeight;
else if (dyniframe[i].Document && dyniframe[i].Document.body.scrollHeight) //ie5+ syntax
dyniframe[i].height = dyniframe[i].Document.body.scrollHeight;
}
}
//reveal iframe for lower end browsers? (see var above):
if ((document.all || document.getElementById) && iframehide=="no"){
var tempobj=document.all? document.all[iframeids[i]] : document.getElementById(iframeids[i])
tempobj.style.display="block"
}
}
}
if (window.addEventListener)
window.addEventListener("load", dyniframesize, false)
else if (window.attachEvent)
window.attachEvent("onload", dyniframesize)
else
window.onload=dyniframesize
</script>
body
<iframe id="myframe" src="externalpage.htm" scrolling="no" marginwidth="0" marginheight="0" frameborder="0" vspace="0" hspace="0" style="overflow:visible; width:100%; display:none"></iframe>
[/html]
ممنون ultimator
فقط با اپرا کار نمیکنه و فریم رو نشون نمیده.
یک سوال دیگه آیا فقط id هارو باید به فریم داد. نمیشه id رو به تگ div یا table داد؟