imho.ws
IMHO.WS  

Вернуться   IMHO.WS > Веб-мастеру > Веб-программирование
Опции темы
Старый 04.10.2005, 18:29     # 1
Naked
::VIP::
 
Аватар для Naked
 
Регистрация: 15.05.2005
Адрес: Питер
Сообщения: 1 194

Naked СэнсэйNaked СэнсэйNaked СэнсэйNaked СэнсэйNaked СэнсэйNaked СэнсэйNaked СэнсэйNaked СэнсэйNaked СэнсэйNaked СэнсэйNaked СэнсэйNaked СэнсэйNaked СэнсэйNaked Сэнсэй
Можно ли изменить background на JavaScript?

Допустим есть таблица:
<table>
<tr>
<td background="images/1.gif" onMouseOver="ChangePic();">
lalalalala
</td>
</tr>
</table>
Можно ли при наведении мышки на эту ячейку поменять ее background?
Это мне все нужно для меню, простыми картинками сделать нельзя, т.к. должна существовать возможность добавления/удаления пунктов меню...
__________________
Чтобы воля стала действующим началом, тело должно быть совершенным.
Naked вне форума  
Старый 04.10.2005, 18:37     # 2
RaZEr
МОД-Оператор ЭВМ
 
Аватар для RaZEr
 
Регистрация: 18.04.2002
Адрес: Питер
Сообщения: 4 343

RaZEr Отец (мать) всех ГуруRaZEr Отец (мать) всех ГуруRaZEr Отец (мать) всех ГуруRaZEr Отец (мать) всех ГуруRaZEr Отец (мать) всех ГуруRaZEr Отец (мать) всех ГуруRaZEr Отец (мать) всех ГуруRaZEr Отец (мать) всех ГуруRaZEr Отец (мать) всех ГуруRaZEr Отец (мать) всех ГуруRaZEr Отец (мать) всех ГуруRaZEr Отец (мать) всех ГуруRaZEr Отец (мать) всех ГуруRaZEr Отец (мать) всех ГуруRaZEr Отец (мать) всех ГуруRaZEr Отец (мать) всех ГуруRaZEr Отец (мать) всех Гуру
<td onmouseover="this.style.backgroundColor='#EAEAEA';">

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

PS: А лучше сделай ссылки и пропиши стиль для #hover
RaZEr вне форума  
Старый 04.10.2005, 18:46     # 3
Naked
::VIP::
 
Аватар для Naked
 
Регистрация: 15.05.2005
Адрес: Питер
Сообщения: 1 194

Naked СэнсэйNaked СэнсэйNaked СэнсэйNaked СэнсэйNaked СэнсэйNaked СэнсэйNaked СэнсэйNaked СэнсэйNaked СэнсэйNaked СэнсэйNaked СэнсэйNaked СэнсэйNaked СэнсэйNaked Сэнсэй
так это просто цвет поменять, а у меня в background'е картинка...
Цитата:
RaZEr:
PS: А лучше сделай ссылки и пропиши стиль для #hover
а это как?
__________________
Чтобы воля стала действующим началом, тело должно быть совершенным.
Naked вне форума  
Старый 04.10.2005, 21:38     # 4
Hatifnatt
::VIP::
 
Аватар для Hatifnatt
 
Регистрация: 23.05.2005
Пол: Male
Сообщения: 1 064

Hatifnatt Отец (мать) всех ГуруHatifnatt Отец (мать) всех ГуруHatifnatt Отец (мать) всех ГуруHatifnatt Отец (мать) всех ГуруHatifnatt Отец (мать) всех ГуруHatifnatt Отец (мать) всех ГуруHatifnatt Отец (мать) всех ГуруHatifnatt Отец (мать) всех ГуруHatifnatt Отец (мать) всех ГуруHatifnatt Отец (мать) всех ГуруHatifnatt Отец (мать) всех ГуруHatifnatt Отец (мать) всех ГуруHatifnatt Отец (мать) всех ГуруHatifnatt Отец (мать) всех ГуруHatifnatt Отец (мать) всех ГуруHatifnatt Отец (мать) всех ГуруHatifnatt Отец (мать) всех ГуруHatifnatt Отец (мать) всех ГуруHatifnatt Отец (мать) всех Гуру
Попробуй так, не тестировал но работать должно.
Код:
<td style="background-image: images/1.gif" onMouseOver="this.style.background-image='images/2.gif'">
lalalalala
</td>
__________________
Умный не тот кто все знает, а тот кто знает где узнать то чего он не знает.
Life is only what you make it.
Hatifnatt вне форума  
Старый 05.10.2005, 21:12     # 5
Phoen1x
Guest
 
Сообщения: n/a

Для примера можешь посмотреть как сделано тут
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>
 
Старый 05.10.2005, 21:49     # 6
Hatifnatt
::VIP::
 
Аватар для Hatifnatt
 
Регистрация: 23.05.2005
Пол: Male
Сообщения: 1 064

Hatifnatt Отец (мать) всех ГуруHatifnatt Отец (мать) всех ГуруHatifnatt Отец (мать) всех ГуруHatifnatt Отец (мать) всех ГуруHatifnatt Отец (мать) всех ГуруHatifnatt Отец (мать) всех ГуруHatifnatt Отец (мать) всех ГуруHatifnatt Отец (мать) всех ГуруHatifnatt Отец (мать) всех ГуруHatifnatt Отец (мать) всех ГуруHatifnatt Отец (мать) всех ГуруHatifnatt Отец (мать) всех ГуруHatifnatt Отец (мать) всех ГуруHatifnatt Отец (мать) всех ГуруHatifnatt Отец (мать) всех ГуруHatifnatt Отец (мать) всех ГуруHatifnatt Отец (мать) всех ГуруHatifnatt Отец (мать) всех ГуруHatifnatt Отец (мать) всех Гуру
Phoen1x:
Последний вариант с фильтром работать будет только в ишаке и его оболочках, т.к. все другие браузеры фильтры не поддерживают.
ЗЫ
Кстати для HTML кода и других програмных кодов есть BB тег
[ CODE ][ /CODE ] (Пробелы между "[" и "CODE" убрать). Или надо нажать кнопочку "Расширеный режим" там есть для этого специальная кнопка. Просто читать код удобнее в таком виде (заключенном в соответствующие тэги) особенно если кода много.
__________________
Умный не тот кто все знает, а тот кто знает где узнать то чего он не знает.
Life is only what you make it.
Hatifnatt вне форума  
Старый 06.10.2005, 02:37     # 7
boor
::VIP::
Хрюндель
 
Аватар для boor
 
Регистрация: 27.10.2002
Адрес: Столица блин
Сообщения: 650

boor Простой бог
boor Простой богboor Простой богboor Простой богboor Простой богboor Простой богboor Простой богboor Простой богboor Простой богboor Простой богboor Простой богboor Простой богboor Простой богboor Простой богboor Простой богboor Простой богboor Простой бог
The_naked
Глянь вот это
_http://www.i2r.ru/static/476/out_21585.shtml
__________________
Если Вас выписали из сумасшедшего дома, это не значит, что Вас вылечили.
Просто Вы стали как все.
boor вне форума  
Старый 06.10.2005, 18:23     # 8
Naked
::VIP::
 
Аватар для Naked
 
Регистрация: 15.05.2005
Адрес: Питер
Сообщения: 1 194

Naked СэнсэйNaked СэнсэйNaked СэнсэйNaked СэнсэйNaked СэнсэйNaked СэнсэйNaked СэнсэйNaked СэнсэйNaked СэнсэйNaked СэнсэйNaked СэнсэйNaked СэнсэйNaked СэнсэйNaked Сэнсэй
Всем огромное спасибо, удалось сделать как нужно, если кому интересно:
_http://forum.ru-board.com/topic.cgi?forum=31&topic=4860#1
Еще один вопросик, только не по теме (просто новую тему открывать не хочется). Можно ли текст сделать так, чтобы его выделить было нельзя на страничке...?
__________________
Чтобы воля стала действующим началом, тело должно быть совершенным.
Naked вне форума  
Старый 07.10.2005, 23:24     # 9
bant
Newbie
 
Аватар для bant
 
Регистрация: 02.09.2005
Сообщения: 15

bant Путь к славе только начался
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>
bant вне форума  
Старый 08.10.2005, 09:38     # 10
Naked
::VIP::
 
Аватар для Naked
 
Регистрация: 15.05.2005
Адрес: Питер
Сообщения: 1 194

Naked СэнсэйNaked СэнсэйNaked СэнсэйNaked СэнсэйNaked СэнсэйNaked СэнсэйNaked СэнсэйNaked СэнсэйNaked СэнсэйNaked СэнсэйNaked СэнсэйNaked СэнсэйNaked СэнсэйNaked Сэнсэй
To bant
Вся беда в том, что в Опере это почему то не работает, а в осле все равно меняется курсор мыши, при наведении на текст, а хотелось бы, чтобы он оставался просто указателем... Но все равно спасибо
__________________
Чтобы воля стала действующим началом, тело должно быть совершенным.
Naked вне форума  
Старый 08.10.2005, 14:49     # 11
Hatifnatt
::VIP::
 
Аватар для Hatifnatt
 
Регистрация: 23.05.2005
Пол: Male
Сообщения: 1 064

Hatifnatt Отец (мать) всех ГуруHatifnatt Отец (мать) всех ГуруHatifnatt Отец (мать) всех ГуруHatifnatt Отец (мать) всех ГуруHatifnatt Отец (мать) всех ГуруHatifnatt Отец (мать) всех ГуруHatifnatt Отец (мать) всех ГуруHatifnatt Отец (мать) всех ГуруHatifnatt Отец (мать) всех ГуруHatifnatt Отец (мать) всех ГуруHatifnatt Отец (мать) всех ГуруHatifnatt Отец (мать) всех ГуруHatifnatt Отец (мать) всех ГуруHatifnatt Отец (мать) всех ГуруHatifnatt Отец (мать) всех ГуруHatifnatt Отец (мать) всех ГуруHatifnatt Отец (мать) всех ГуруHatifnatt Отец (мать) всех ГуруHatifnatt Отец (мать) всех Гуру
В Опере и не будет работать, событие OnSelectStart это чисто ишаковское событие и другими браузерами, насколько я знаю, не поддерживаетяся.
А курсор легко меняется с помощью CSS примерно так:
Код:
some_class { cursor: pointer; }
<div class="some_class">Некоторый текст</div>
__________________
Умный не тот кто все знает, а тот кто знает где узнать то чего он не знает.
Life is only what you make it.
Hatifnatt вне форума  


Ваши права в разделе
Вы НЕ можете создавать новые темы
Вы не можете отвечать в темах.
Вы НЕ можете прикреплять вложения
Вы НЕ можете редактировать свои сообщения

BB код Вкл.
Смайлы Вкл.
[IMG] код Выкл.
HTML код Выкл.

Быстрый переход


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




Powered by vBulletin® Version 3.8.5
Copyright ©2000 - 2026, Jelsoft Enterprises Ltd.