Форум

underW · #1 (**permalink**) 31.03.2009, 23:23

<html>
<head>
</head>
<body>
<textarea id="s" ></textarea>
<script>
ti=document.getElementById("s");
di=document.createElement("DIV");
ti.parentNode.insertBefore(di,ti);
di.appendChild(ti);
di.style.border="1px solid blue"
di.style.width=ti.offsetWidth+5+"px"
di.style.height=ti.offsetHeight+5+"px"

fr=document.createElement("IFRAME")
document.body.appendChild(fr)
di.appendChild(fr)
fr.setAttribute('frameborder','no')
fr.setAttribute('src',document.domain)
fr.setAttribute('width',di.offsetWidth+"px")
fr.setAttribute('height',di.offsetHeight)
fr.setAttribute('scrolling','no')
var isIE = /*@cc_on!@*/false;
var FrameDoc = isIE ? fr.contentWindow.document : fr.contentDocument;
FrameDoc.open();
FrameDoc.write('<html><head></head><body>'+ ti.value +'&nbsp;</body></html>');
FrameDoc.close();
FrameDoc.designMode = "on";
ti.style.display='none';

function d1 ()
{
if(fr.getAttribute("height")!=FrameDoc.body.offsetHeight)
{fr.setAttribute("height",FrameDoc.body.offsetHeight+10)
di.style.height=FrameDoc.body.offsetHeight+10}
}

function d2 ()
{
if(fr.getAttribute("height")!=FrameDoc.body.scrollHeight)
{fr.setAttribute("height",FrameDoc.body.scrollHeight+10)
di.style.height=FrameDoc.body.scrollHeight+10}
}

if (FrameDoc.addEventListener)
FrameDoc.addEventListener("keyup", d1, false)
else
    FrameDoc.attachEvent('onkeyup',d2);

</script>
</body>
</html>

вот есть такой скрипт, в FF работает просто отлично, в IE - с горем пополам, а вот в Opera - вообще не хочет работать никак, но почему??? Если работает все в FF, значит все так же должно быть и с Оперой...

Kolyaj · #2 (**permalink**) 31.03.2009, 23:54

Сообщение от underW

Если работает все в FF, значит все так же должно быть и с Оперой...

В опере баг на баге и багом погоняет, поэтому утверждение неверно.

IIIEPJIOK · #3 (**permalink**) 01.04.2009, 01:16

Цитата:

но почему???

А в консоле ошибок, чё-нить пишет?

underW · #4 (**permalink**) 01.04.2009, 02:56

походу Opera вообще не понимает что такое scrollHeight зачем оно надо и как с ним работать. Если вот даже взять обычную textarea, установить overflow в hidden и начать заполнять текстом, то Opera вообще никак не отлавливает изменение scrollHeight, а вот FF и IE отлавливают только так.

<html>
<head>
</head>
<body>
<br>
<br>
<br>
<textarea style="overflow:hidden"  id="t" onkeyDown="f()" onkeyUp="f()"></textarea>
<br>
<input type="button" value="Click Me" onclick="f1()">
<script>
function f1()
{
alert("offset: "+document.getElementById("t").offsetHeight+" scroll:"+document.getElementById("t").scrollHeight)
}
function f()
{
if(document.getElementById("t").offsetHeight<document.getElementById("t").scrollHeight){document.getElementById("t").style.height=document.getElementById("t").scrollHeight}}
</script>
</body>
</html>

Форум

Справочник

Discord чат

Курсы javascript