VPF::Смена цвета фона ячейки таблицы

VKlim

Дата 5.4.2007, 16:37 (ссылка)

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

Загрузка ...

Шустрый

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

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

Народ, хочу, чтобы у меня в ячейке таблицы цвет моргал - ну то есть красный-белый-красный-белый и т.д. Как это сделать?

butionok

Дата 5.4.2007, 17:14 (ссылка)

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

Загрузка ...

Шустрый

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

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

Привет!

Код


td.st_1
    {background-color:red;}
td.st_2
    {background-color:white;}

Код


<td id='cell' class='st_1'>ячейка</td>

Код


window.setInterval(function(){document.getElementById("cell").className=="st_2"?document.getElementById("cell").className="st_1":document.getElementById("cell").className="st_2"},1000);

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

Ненавижу убогую Оперу.

VKlim

Дата 5.4.2007, 17:50 (ссылка)

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

Загрузка ...

Шустрый

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

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

2 butionok, непонятно.... Я просто с JavaScript на "Вы".... Так что smile

Заранее спасибо!

Mymik

Дата 5.4.2007, 18:08 (ссылка)

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

Загрузка ...

Эксперт

Профиль
Группа: Участник Клуба
Сообщений: 1474
Регистрация: 12.5.2006
Где: Lamer-центер

Репутация: 11
Всего: 78

VKlim, вообще-то он тебе и так дал пример...
Первый куско кода это CSS с двумя классами
Второй кусок кода это html элемент без остальное оболочки
Третий кусок кода это установка скрипта который будет повторяться через каждую секунду и в этом скрипте будут изменяться CSS классы.

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

ICQ ::            857-857
E-mail ::         mymik[at]inbox[dot]ru
HomaPage ::  http://localhost/

:to_become_senile  :this

butionok

Дата 5.4.2007, 21:22 (ссылка)

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

Загрузка ...

Шустрый

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

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

Mymik,

Он хочет чтобы ему написали целиком рабочий пример. Мне не жалко.

Код


<html>
 <head>
  <title>Crazy cell</title>
  <style>
    td.st_1 {background-color:red;}
    td.st_2 {background-color:white;}
  </style>
  <script type="text/javascript">
  function MakeCellCrazy()
   {
   window.setInterval(function(){document.getElementById("crazycell").className=="st_2"?document.getElementById("crazycell").className="st_1":document.getElementById("crazycell").className="st_2"},100);
   }
   </script>
 </head>
 <body onload='MakeCellCrazy()'>
 <table>
   <tr><td id='crazycell' class='st_2'>I'm crazy cell</td></tr>
  </table>
 </body>
</html>

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

Ненавижу убогую Оперу.

VKlim

Дата 5.4.2007, 22:27 (ссылка)

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

Загрузка ...

Шустрый

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

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

butionok, огромное спасибо! smile

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