VPF::Смена фона страницы по времени

nightvi

Дата 14.8.2011, 13:11 (ссылка)

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

Загрузка ...

Шустрый

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

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

Народ подскажите как сделать автоматическую смену фона ячейки таблицы?

Нашел код для тега боди:

Код


<html>
<head>
<script language="javascript">
<!--

var bgrounds=new Array(
  "./fon/sindey.jpg",
  "./fon/berlin.jpg",
  "./fon/rio.jpg");

function changeBg()
{
 var i=Math.floor(bgrounds.length*Math.random());
 document.body.background=bgrounds[i];
 setTimeout('changeBg()',5000)
}
//-->
</script>
</head>

<body onLoad="setTimeout('changeBg()')">
<table width="100%" bgcolor="#FFFFFF">
    <tr>
        <td>
        11111
        </td>
    </tr>
</table>

</body>
</html>

Все работает но как мне его перенести в <td>?
такая перестановка не работает

Код


<html>
<head>
<script language="javascript">
<!--

var bgrounds=new Array(
  "./fon/sindey.jpg",
  "./fon/berlin.jpg",
  "./fon/rio.jpg");

function changeBg()
{
 var i=Math.floor(bgrounds.length*Math.random());
 document.all.background=bgrounds[i];
 setTimeout('changeBg()',5000)
}
//-->
</script>
</head>

<body >
<table width="100%" >
    <tr>
        <td onLoad="setTimeout('changeBg()')">
        11111
        </td>
    </tr>
</table>

</body>
</html>

Спасибо

Evghenusi

Дата 14.8.2011, 13:45 (ссылка)

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

Загрузка ...

майский жук

Профиль
Группа: Участник
Сообщений: 506
Регистрация: 3.8.2006
Где: Молдова, Кишинёв

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

событие onload бывает только у body (если я не ошибаюсь), и вместо document.body.background (как ты понимаешь это строчка меняет фоновый у всей страницы, а не у ячеек таблицы) найди таблицу по айди (к примеру) и "работай" с ней

nightvi

Дата 14.8.2011, 13:50 (ссылка)

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

Загрузка ...

Шустрый

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

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

Вот что придумал: н овсе равно не рабоатет

Код


function changeBg()
{
 var i=Math.floor(bgrounds.length*Math.random());
 document.getElementByID("mytable").style.background=bgrounds[i];
 setTimeout('changeBg()',5000)
}
//-->
</script>
</head>

<body onLoad="setTimeout('changeBg()')">
<table width="100%" bgcolor="#999999">
    <tr>
        <td id="mytable">
        11111
        </td>
    </tr>
</table>

нуп

Дата 14.8.2011, 13:57 (ссылка)

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

Загрузка ...

Ботокодер

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

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

Поставьте firebug для отлова ошибок. document.getElementByID заменить на document.getElementById

Amphiluke

Дата 14.8.2011, 14:08 (ссылка)

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

Загрузка ...

☽

Профиль
Группа: Завсегдатай
Сообщений: 1253
Регистрация: 26.8.2009

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

+ К сказанному

Цитата(nightvi @ 14.8.2011, 17:50

)

Код

document.getElementByID("mytable").style.background=bgrounds[i];

заменить хотя бы на

Код


document.getElementById("mytable").style.background="url('" + bgrounds[i] + "')";

Это сообщение отредактировал(а) Amphiluke - 14.8.2011, 14:08

nightvi

Дата 14.8.2011, 14:13 (ссылка)

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

Загрузка ...

Шустрый

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

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

Проблему решил всем спасбо:
Вот код

Код


<html>
<head>
<script language="javascript">
<!--

var bgrounds=new Array(
"url(./fon/sindey.jpg)",
"url(./fon/berlin.jpg)",
"url(./fon/rio.jpg)");

function changeBg()
{
var i=Math.floor(bgrounds.length*Math.random());
document.getElementById("mytable").style.backgroundImage=bgrounds[i];
setTimeout('changeBg()',1000)
}
//-->
</script>
</head>

<body onLoad="changeBg()">
<table width="100%" bgcolor="#FFFFFF">
<tr>
<td id="mytable">
11111
</td>
</tr>
</table>

</body>
</html>

Evghenusi

Дата 14.8.2011, 14:19 (ссылка)

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

Загрузка ...

майский жук

Профиль
Группа: Участник
Сообщений: 506
Регистрация: 3.8.2006
Где: Молдова, Кишинёв

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

можно ещё найти таблицу по айди, а после ВСЕ ячейки в ней через table.getElementsByTagName('td')

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