При наведении на <TD> таблицы меняется его BGCOLOR Jav @ DeForum.ru

0 Сообщения: 26 Зарегистрирован: 13.01.05

Как сабж реализовать на Javascript?
У меня вот так:
function BG() {document.all("td1").bgcolor="silver"}
…….
<td id="td1" height="25" bgcolor="#FF0000" onMouseOver="BG()">….</td>

Но работать ни в какую не хочет, width можно так поменбть, height меняет, а bgcolor никак. Что не так тут?

6 Сообщения: 1834 Зарегистрирован: 28.12.04

., как угодно. В том числе и без ЯваСкрипта. PTFM про CSS и обработчики событий браузеров.

background-color: #FF0000

6 Сообщения: 1834 Зарегистрирован: 28.12.04

bE(o0L, да нет. Это ж он не CSS имеет ввиду. Так что для прошлого века написано именно то.

js:
function cellbg(obj, color){name.bgColor=color;}

html:
<td bgcolor=#FFFFFF id="cell1" onmouseover="table_bgColor(cell1, '#FA5E02')"></td>

у меня в детстве вот так менюшка была реализована.. просто вроде и работало везде:

Код:

<table border="0" width="132" cellspacing="1" cellpadding="0">
<tbody class="m" bgcolor="#000000" align="center">
<tr><td onmouseout="this.style.backgroundColor='#000000'"
onmouseover="this.style.backgroundColor='#555555'" height="17">
<a href="http://www.deler.ru/">HOME</a></td></tr>
<tr><td onmouseout="this.style.backgroundColor='#000000'"
onmouseover="this.style.backgroundColor='#555555'" height="17">
<a href="http://www.deler.ru/">BANNERS</a></td></tr>
<tr><td onmouseout="this.style.backgroundColor='#000000'"
onmouseover="this.style.backgroundColor='#555555'" height="17">
<a href="http://www.deler.ru/">ANIGIF</a></td></tr>
<tr><td onmouseout="this.style.backgroundColor='#000000'"
onmouseover="this.style.backgroundColor='#555555'" height="17">
<a href="mailto:deler@deler.ru">ё-MAIL</a></td></tr>
</tbody></table>

6 Сообщения: 1834 Зарегистрирован: 28.12.04

DELer,

Код:

<td onmouseout="this.style.backgroundColor='#000000'" onmouseover="this.style.backgroundColor='#555555'" height="17">

- ну типа того. Только изначальный стиль ещё указать и угу.

0 Сообщения: 26 Зарегистрирован: 13.01.05

Так, ну я вроде разобрался, там надо было просто не bgcolor а bgColor писать :glasses:

только вот не пойму, что ж мне, функции дл я каждого <td> свои писать чтоль. Вот что сейчас
function BG() {document.all("td1").bgColor="silver"}
function BG_out() {document.all("td1").bgColor="FFFFF"}
<td id="td1" height="25" bgcolor="#FF0000" onMouseOver="BG()" onMouseOut="BG_out()"><a href="j.htm">Название какое-то</a></td>
</tr>
<tr>
<td id="td2" …..</td>
</tr>
<tr>
<td id="td3" ….</td></tr>
<td id="td4" …… </td></tr>
<td id="td99" …… </td></tr>
Не 99 функций же мне писать для каждого <td>… ??

слушай, ну ты чудак...
зачем 99 функций?

хотя я понял.
могу разачаровать, тебе придётся не 99 функци а 198 написать
ибо тебе же нужно менять на один цвет (99 функция для каждой td), а потом возвращать на другой (это ещё 99!!)…
Для облегчения работы предлагаю добавить третью партию из 99 функций отвечающих за возврат в первые две наименования объекта.
Чтоб перестраховаться :yes:

0 Сообщения: 26 Зарегистрирован: 13.01.05

bE(o0L, Ну 99 я написал для примера, на самом деле их у меня 12 (2 партии из 6). Ну неучто это правильно...а если мне надо 99 <td> при наведении менять цвет, мне 198 функций писать?

Новый вопрос: При наведении на что-нибудь меняеться цвет линка, допустим function BG() {document.all("td1").bgColor="silver"} и еще сюда смена цвета линка, только какой синтаксис я не знаю... цвет линка как поменять, а?
Для справки: Делаю меню как на www.ati.com
Почти уже сделал, только не знаю, как обвести по периметру слой черной линией :lamer:

и при наведении на <td> менять цвет линка. :lamer:

0 Сообщения: 26 Зарегистрирован: 13.01.05

Значит так, а почему в Мозилле нифига не работает, а?

6 Сообщения: 1834 Зарегистрирован: 28.12.04

., Вам уже привели пример вообще без скрипта и функций. Чего ещё? Научить программировать на ЯваСкрипте? Купите книжку.

0 Сообщения: 26 Зарегистрирован: 13.01.05

Акела в натуре, да купил я книжку... :dandy:

Но книжке конкретный вопрос не задать.

. писал(а):

что ж мне, функции дл я каждого <td> свои писать чтоль?

Для IE - behaviors
Для Мозиллы - :hover

6 Сообщения: 1834 Зарегистрирован: 28.12.04

., тогда откройте её! И заодно прочтите где нибудь то, что я сказал:

Цитата:

PTFM про CSS и обработчики событий браузеров.

Для Вашей конкретной задачи скрипт вообще не нужен.

0 Сообщения: 26 Зарегистрирован: 13.01.05

А еще, у меня слои не работают в мозилле, function Show() {
if (document.all["jopa"].style.visibility="hidden")
document.all["jopa"].style.visibility="visible"
}
вот функция... человек говорит, что там all["jopa"] только дл я ИЕ и Оперы, а как тогда насчет мозиллы? (firefox1.0)

6 Сообщения: 1834 Зарегистрирован: 28.12.04

., Вам, помнится, уже рекомендовали сначала разобраться с CSS? И в данном конкретном случае продублировать свойством display?

0 Сообщения: 26 Зарегистрирован: 13.01.05

Ок, спасибо всем! :gent:

DeДверь
Логин:
Пароль:
	Автологин