Разтегляне на iframe

[Pinten]

Правя сайт, в който съм поставил iframe, в която се зареждат различни страници. Проблема е, че някой от тези страници са с по-дълго съдържание и искам тази рамка да се разтяга според това колко е дълго съдържанието, за да не се появават скролове отстрани на iframe-а. Как да бъде направено това?
Благодаря предварително.

 

[MontefuckeR]

със скрол ли? ако да ето:
scrolling="auto"
ето ти и демо как става:
ако това ти е кода за ифраме:
<iframe width=200 height=100 src="линка" scrolling="auto" frameborder="0"></iframe>
задаваш размери на екрана(на ифрама)
width=200 height=100

 

[Pinten]

Не, това е да се появяват скролове. Аз искам да разтегля рамката за да пасва на всяка страница, която се отваря в нея.

 

[MontefuckeR]

със скрол ли? ако да ето:
scrolling="auto"
ето ти и демо как става:
ако това ти е кода за ифраме:
<iframe width=200 height=100 src="линка" scrolling="auto" frameborder="0"></iframe>
задаваш размери на екрана(на ифрама)
width=200 height=100

това е за разтягане: width=200 height=100
пример:
<iframe width=200 height=100 src="линка" scrolling="auto"frameborder="0"></iframe>

 

[Pinten]

Не знам защо, но като го направих така, като сложа по-дълъг текст да се зарежда и ми се появява скрол. А аз не искам отстрани да има скрол, искам рамката да има такава височина, че да събере цялата страница.

 

[MontefuckeR]

разшири го повече и махни скрола щото сега е сложен на АУТО което значи, че ако текста е по дългаг ще стане скрол!

 

[Pinten]

Разбирам, ти казва да сложа височината да е по-голяма, но като заредя страници, които са само от няколко реда, ще има много празно място отдолу.

 

[MontefuckeR]

:shock: кво искаш в крайна сметка немога да разбера. да има място и да няма?!
ако направиш 100х100 да е ифраме можеш да въвеждаш само толкова инфо
ако направиш обаче 100х100 със скрол можеш да въвеждаш до без край!
схвана ли?!

 

[kitchenbg]

я направи така .......... както са ти широчината и височината "width=200 height=100" ......... height го направи да ти е равно на 100%

 

[MontefuckeR]

да или го сложи да на 100% за да разбира само колко да се увеличи

 

[Pinten]

Пробвах с height="100%", но не става, пак се появяват скролове.

 

[MontefuckeR]

махна ли командата за скрол?

 

[Pinten]

Да, ето го кода:

<iframe name="main" src="begin.html" border="0" width="100%" height="100%" frameborder="0"></iframe>

 

[MontefuckeR]

и какво като попълваш ифното от бегин.хтмл този ифраме става със скрол :shock: ?

 

[Pinten]

Със begin.html няма проблем. Но като заредя страници, които са по-дълги от един екран на монитора ми, става със скролове на самата рамка, а не на целия прозорец, както аз искам.

 

[MontefuckeR]

неможе така

 

[StormBreaker]

Monte ако няма да му помогнеш, поне не оспамвай темата. Ето ти един код, който би трябвало да работи. По него променяш само ID-то на фрейма.

<script type="text/javascript">

//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=["maincntnt"]

//Should script hide iframe from browsers that don't support this script (non IE5+/NS6+ browsers. Recommended):
var iframehide="no"

var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexOf("Firefox")).split("/")[1]
var FFextraHeight=parseFloat(getFFVersion)>=0.1? 3 : 0 //extra height in px to add to iframe in FireFox 1.0+ browsers

function resizeCaller() {
var dyniframe=new Array()
for (i=0; i<iframeids.length; i++){
if (document.getElementById)
resizeIframe(iframeids)
//reveal iframe for lower end browsers? (see var above):
if ((document.all || document.getElementById) && iframehide=="no"){
var tempobj=document.all? document.all[iframeids] : document.getElementById(iframeids)
tempobj.style.display="block"
}
}
}

function resizeIframe(frameid){
var currentfr=document.getElementById(frameid)
if (currentfr && !window.opera){
currentfr.style.display="block"
if (currentfr.contentDocument && currentfr.contentDocument.body.offsetHeight) //ns6 syntax
currentfr.height = currentfr.contentDocument.body.offsetHeight+FFextraHeight; 
else if (currentfr.Document && currentfr.Document.body.scrollHeight) //ie5+ syntax
currentfr.height = currentfr.Document.body.scrollHeight;
if (currentfr.addEventListener)
currentfr.addEventListener("load", readjustIframe, false)
else if (currentfr.attachEvent){
currentfr.detachEvent("onload", readjustIframe) // Bug fix line
currentfr.attachEvent("onload", readjustIframe)
}
}
}

function readjustIframe(loadevt) {
var crossevt=(window.event)? event : loadevt
var iframeroot=(crossevt.currentTarget)? crossevt.currentTarget : crossevt.srcElement
if (iframeroot)
resizeIframe(iframeroot.id);
}

function loadintoIframe(iframeid, url){
if (document.getElementById)
document.getElementById(iframeid).src=url
}

if (window.addEventListener)
window.addEventListener("load", resizeCaller, false)
else if (window.attachEvent)
window.attachEvent("onload", resizeCaller)
else
window.onload=resizeCaller

</script>

 

[Pinten]

Благодаря много, StormBreaker, но скрипта не работи и не мога да открия причината, поради която не работи.

 

[StormBreaker]

Пробвай да го сложиш в страницата, която ще слагаш във фрейма

 

[Pinten]

Оправих се, благодаря ти много!