Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > marquee


Автор: Syned 20.5.2006, 12:11
Вот делаю одну страничку, на HTML 4.01
и она не проходит валидацию из-за одного тега - <marquee>, который должен прокручивать текст в ячейке таблицы снизу вверх. То что мне пишет валидатор мне не совсем понятно, и соответственно не понятно как выйти из положения, и наконец повесить на свой сайт кнопочку "Valid HTML 4.01" smile 
Думаю не один я был в такой ситуации... smile 

Автор: dstorm81 20.5.2006, 21:29
Код

<html>
<head>
<title>
имитация marquee direction=up с работающими onmouse(over/out) DOM
</title>
</head>
<body>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<div id=cont style='border-color:black;border-width:1px;border-style:solid;width:100px;height:100px;overflow:hidden' onmouseover=clearInterval(imitMarq) onmouseout=imitMarq=setInterval('slide()',speed)>
<div id=news style='position:relative;border-color:red;border-width:1px;border-style:solid';width:100px;>
asad<br>asad<br>asad<br>asad<br>asad<br>asad<br>asad<br>asad<br>asad<br>asad<br>asad<br>asad<br>asad<br>

asad<br>asad<br>asad<br>asad<br>asad<br>asad<br>asad<br>asad<br>asad<br>asad<br>asad<br>asad<br>asad<br>
asad<br>asad<br>asad<br>asad<br>asad<br>asad<br>asad<br>asad<br>asad<br>asad<br>asad<br>asad<br>asad<br>

asad<br>asad<br>asad<br>asad<br>asad<br>asad<br>asad<br>asad<br>asad<br>asad<br>asad<br>asad<br>asad<br>
asad<br>asad<br>asad<br>asad<br>asad<br>asad<br>asad<br>asad<br>asad<br>asad<br>asad<br>asad<br>asad<br>

</div>
</div>
<script>
var speed=10;
var topper=0;
var realHeight=document.getElementById('news').offsetHeight;
function slide()
{
if(topper<=-realHeight){document.getElementById('news').style.top=topper=0}
    else{
document.getElementById('news').style.top=topper-=4;
    }
}
imitMarq=setInterval('slide()',speed)
</script>
</body>
</html>

попробуй это, я просто эту фигню написал, вследствии тго что в опере были баги с остановкой бег строки 

Автор: Syned 21.5.2006, 15:13
dstorm81, спасибо! (+) 

Автор: Syned 22.5.2006, 23:44
упсь, в ослике
Код

document.getElementById('news').offsetHeight;

возвращает ноль (0)
это приводит к тому, что див скроллится не до конца
использовал такой код
Код

<div id="cont" style="width: 150px; height: 250px; overflow: hidden;" onmouseover="clearInterval(imitMarq)" onmouseout="imitMarq=setInterval('slide()',speed)">
<div id="news" style="position: relative; width: 150px;">
<b>123:</b>&nbsp;testing....<br><br>
<b>afaef:</b>&nbsp;sefsaef<br><br>
<b>sefsef:</b>&nbsp;dthdth<br><br>
<b>hhhh:</b>&nbsp;sgxfgcbvcb<br><br>
<b>ddddddd:</b>&nbsp;fffffffffffff<br><br>
<b>fdgdfg:</b>&nbsp;ffffdd<br><br>
<b>aaaaaaa:</b>&nbsp;ddddddddfffff<br><br>
<b>fdfgd:</b>&nbsp;hjhk<br><br>
<b>ff:</b>&nbsp;esfsf<br><br>
<div id="aaaa"></div>
</div></div>
<div id="aa" style="font-size=10px; color: #CCAAAA;"></div>
<script language="JavaScript" type="text/javascript">
<!--
    var speed = 40;
    var topper = 250;
    var realHeight = document.getElementById('news').offsetHeight;
    function slide()
    {
        if(topper<=-realHeight)
        {
            document.getElementById('news').style.top=topper=250;
        }
        else
        {
            document.getElementById('news').style.top=topper-=4;
        }
        document.getElementById('aa').innerHTML = 'debug info: offsetHeight=' + realHeight;
    }
    imitMarq = setInterval('slide()', speed);            
    -->
    </script>
 

Автор: dstorm81 23.5.2006, 08:44
комрад - баги и особенности неизбежны.
пытливый мозг - все перетрет smile
 

Автор: Syned 23.5.2006, 12:09
Ну не знаю я JavaScript и DOM smile  

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)