Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: для новичков > Автоматическая подсветка строк таблицы

Автор: msl1912 31.1.2009, 15:22

Народ, плиз помогите чайнику составилть логику сценария для следующей задачи:

Имеется таблица с определенным набором строк (в каждой строке какое-то кол-во ячеек). Надо, чтобы автоматически, сама по себе подсвечивалась (менялся background) сначала первая строка, затем, спустя, допустим, 1000 мс, вторая, затем третья, а при достижении конца таблицы - вновь первая и так до бесконечности...

Автор: bars80080 31.1.2009, 16:08

Код


<html>
<table id="mytable">
<tr><td>qwoe iqwoer ;oqwer </td><td>;laskd asldf lasdla; sd</td></tr>
<tr><td>qwoe iqwoer ;oqwer </td><td>;laskd asldf lasdla; sd</td></tr>
<tr><td>qwoe iqwoer ;oqwer </td><td>;laskd asldf lasdla; sd</td></tr>
<tr><td>qwoe iqwoer ;oqwer </td><td>;laskd asldf lasdla; sd</td></tr>
<tr><td>qwoe iqwoer ;oqwer </td><td>;laskd asldf lasdla; sd</td></tr>
<tr><td>qwoe iqwoer ;oqwer </td><td>;laskd asldf lasdla; sd</td></tr>
</table>
<script>
function lightrow(el, len, cur) {
    if(cur >= 0) el[cur].style.background = '#ffffff';
    cur++;
    if(cur >= len) { cur = 0; }
    if(cur >= 0) el[cur].style.background = '#ffff00';
    setTimeout(function(){lightrow(el, len, cur)}, 1000);
}
var tr = document.getElementById('mytable').getElementsByTagName('tr');
var trl = tr.length;
if(trl > 1) lightrow(tr, trl, -1);
</script>
</html>

Автор: msl1912 31.1.2009, 17:37

Спасибо огромное!

Я даже сделал, чтобы три строки разного цвета бегало. Вроде работает, но как-то коряво (определил три разные функции с разными таймаутами).
Пользуюсь... Еще раз премного благодарен!

P.S. А в рамках одной функции наверно это было не очень целесообразно делать?

Автор: bars80080 31.1.2009, 20:48

Цитата(msl1912 @ 31.1.2009, 16:37

)

но как-то коряво (определил три разные функции с разными таймаутами

ну это сам разбирайся

Цитата(msl1912 @ 31.1.2009, 16:37

)

А в рамках одной функции наверно это было не очень целесообразно делать?

у меня в одной функции. нужен только стартовый толчок, а заодно вынес всё, чтобы разгрузить загрузку проца (зачем ему лишний раз пересчитывать то, что достаточно сделать однажды)