VPF::marquee - Форум программистов

Syned

Дата 20.5.2006, 12:11 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 112
Регистрация: 7.7.2005

Репутация: нет
Всего: 1

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

Думаю не один я был в такой ситуации... smile

--------------------

Поссы в сугроб почувствуй себя лазером!

dstorm81

Дата 20.5.2006, 21:29 (ссылка)

(нет голосов)

Загрузка ...

бездельник

Профиль
Группа: Завсегдатай
Сообщений: 1178
Регистрация: 18.1.2006
Где: (16RU)

Репутация: 3
Всего: 39

Код


<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>

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

--------------------

на форуме с 8.12.2002 (http://forum.vingrad.ru/index.php?act=ST&f=10&t=4874&st=0#)

Syned

Дата 21.5.2006, 15:13 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 112
Регистрация: 7.7.2005

Репутация: нет
Всего: 1

dstorm81, спасибо! (+)

--------------------

Поссы в сугроб почувствуй себя лазером!

Syned

Дата 22.5.2006, 23:44 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 112
Регистрация: 7.7.2005

Репутация: нет
Всего: 1

упсь, в ослике

Код


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 (ссылка)

(нет голосов)

Загрузка ...

бездельник

Профиль
Группа: Завсегдатай
Сообщений: 1178
Регистрация: 18.1.2006
Где: (16RU)

Репутация: 3
Всего: 39

комрад - баги и особенности неизбежны.
пытливый мозг - все перетрет smile

--------------------

на форуме с 8.12.2002 (http://forum.vingrad.ru/index.php?act=ST&f=10&t=4874&st=0#)

Syned

Дата 23.5.2006, 12:09 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 112
Регистрация: 7.7.2005

Репутация: нет
Всего: 1

Ну не знаю я JavaScript и DOM smile

--------------------

Поссы в сугроб почувствуй себя лазером!

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »