IMHO.WS - Можно ли изменить background на JavaScript?

IMHO.WS (https://www.imho.ws/index.php)

- Веб-программирование (https://www.imho.ws/forumdisplay.php?f=29)

- - Можно ли изменить background на JavaScript? (https://www.imho.ws/showthread.php?t=93680)

Naked

04.10.2005 18:29

Можно ли изменить background на JavaScript?

Допустим есть таблица:
<table>
<tr>
<td background="images/1.gif" onMouseOver="ChangePic();">
lalalalala
</td>
</tr>
</table>
Можно ли при наведении мышки на эту ячейку поменять ее background?
Это мне все нужно для меню, простыми картинками сделать нельзя, т.к. должна существовать возможность добавления/удаления пунктов меню...

RaZEr

04.10.2005 18:37

<td onmouseover="this.style.backgroundColor='#EAEAEA';">

тоже самое для onmouseout.

PS: А лучше сделай ссылки и пропиши стиль для #hover

Naked

04.10.2005 18:46

так это просто цвет поменять, а у меня в background'е картинка...

Цитата:

RaZEr:
PS: А лучше сделай ссылки и пропиши стиль для #hover

а это как?

Hatifnatt

04.10.2005 21:38

Попробуй так, не тестировал но работать должно.

Код:

<td style="background-image: images/1.gif" onMouseOver="this.style.background-image='images/2.gif'">

lalalalala

</td>

Phoen1x

05.10.2005 21:12

Для примера можешь посмотреть как сделано тут
http://www.vodalux.ru/
меню слева
<td style="cursor:hand;" onMouseOver="this.style.backgroundColor='#F5F5F5';" onMouseOut="this.style.backgroundColor='#FFFFFF';" OnClick="document.location='http://www.vodalux.ru/cat407/'">
Это просто вариант...

а поинтереснее есть тут
http://www.sastasoft.spb.ru/projects_tophouse.htm
Слева картинки...
<script>
function togray()
{
i1.style.filter = '';
}

function togray_()
{
i1.style.filter = 'gray()';
}
</script>
<td bgcolor="#4d4d4d"><a href="http://www.tophouse.ru" target="_blank"><img src="img/scr/tophouse1.jpg" width="167" alt="" border="0" style="filter: gray()" id="i1" onmouseover="togray();" onmouseout="togray_();"></a></td>

Hatifnatt

05.10.2005 21:49

Phoen1x:
Последний вариант с фильтром работать будет только в ишаке и его оболочках, т.к. все другие браузеры фильтры не поддерживают.
ЗЫ
Кстати для HTML кода и других програмных кодов есть BB тег
[ CODE ][ /CODE ] (Пробелы между "[" и "CODE" убрать). Или надо нажать кнопочку "Расширеный режим" там есть для этого специальная кнопка. Просто читать код удобнее в таком виде (заключенном в соответствующие тэги) особенно если кода много.

boor	06.10.2005 02:37

The_naked
Глянь вот это
_http://www.i2r.ru/static/476/out_21585.shtml

Naked

06.10.2005 18:23

Всем огромное спасибо, удалось сделать как нужно, если кому интересно:
_http://forum.ru-board.com/topic.cgi?forum=31&topic=4860#1
Еще один вопросик, только не по теме (просто новую тему открывать не хочется). Можно ли текст сделать так, чтобы его выделить было нельзя на страничке...? :confused:

bant	07.10.2005 23:24

The_naked
Есть событие OnSelectStart

Пример использования:

Код:

<table BORDER="8" BgColor="red" WIDTH="65%" cellspacing=8>

<tr><td>

<p ID="paraSelectStart">Выбор любого элемента из этого текста заставит изменять его цвета ... иногда дико

<script LANGUAGE="VBScript">

<!--

Sub paraSelectStart_onselectstart()

Dim hexColor

Dim hexColor2

hexColor=hex(rnd*16777215)

if hexColor>"ffffff"then hexColor="ffffff"

hexColor2=hex(rnd*16777215)

if hexColor2>"ffffff"then hexColor2="ffffff"

on error resume next

set elRef=document.all("paraSelectStart")

elRef.style.backgroundColor=hexColor

elRef.style.color=hexColor2

self.event.returnValue=false

End Sub

//-->

</script>

</td></tr>

</table>

Naked

08.10.2005 09:38

To bant
Вся беда в том, что в Опере это почему то не работает, а в осле все равно меняется курсор мыши, при наведении на текст, а хотелось бы, чтобы он оставался просто указателем... Но все равно спасибо :)

Hatifnatt

08.10.2005 14:49

В Опере и не будет работать, событие OnSelectStart это чисто ишаковское событие и другими браузерами, насколько я знаю, не поддерживаетяся.
А курсор легко меняется с помощью CSS примерно так:

Код:

some_class { cursor: pointer; }

<div class="some_class">Некоторый текст</div>

Часовой пояс GMT +4, время: 10:41.