Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Другой background при наведении курсора
 
 автор: Mookapek   (05.04.2008 в 18:32)   письмо автору
 
 

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

   
 
 автор: brokonyer   (05.04.2008 в 18:39)   письмо автору
 
   для: Mookapek   (05.04.2008 в 18:32)
 

OnMouseOver="this.style.backgroundColor='#fff';"

или же OnMouseOver="this.background='bg.jpg';" если фон рисунок.

   
 
 автор: deman-b   (05.04.2008 в 18:46)   письмо автору
 
   для: brokonyer   (05.04.2008 в 18:39)
 

OnMouseOut="this.style.backgroundColor="ПРЕДЫДУЩИЙ ЦВЕт"

   
 
 автор: ddhvvn   (05.04.2008 в 19:49)   письмо автору
 
   для: deman-b   (05.04.2008 в 18:46)
 

Вроде просили при наведении, а не при выходе...

   
 
 автор: deman-b   (05.04.2008 в 20:37)   письмо автору
 
   для: ddhvvn   (05.04.2008 в 19:49)
 

я дополнил..
просто какое навидение без отвидения))))

   
 
 автор: Mookapek   (05.04.2008 в 20:12)   письмо автору
 
   для: brokonyer   (05.04.2008 в 18:39)
 

Работает только в ИЕ, а в FireFox не работает. Как сделать, чтобы в FireFox работало тоже?

   
 
 автор: deman-b   (05.04.2008 в 20:42)   письмо автору
 
   для: Mookapek   (05.04.2008 в 20:12)
 

слово backgroundColor замените на background
или background-color .. хз)
или скорее всего ошибка в цвете: #fff
нужно вот так задавать: #FFFFFF

   
 
 автор: elenaki   (05.04.2008 в 20:47)   письмо автору
 
   для: deman-b   (05.04.2008 в 20:42)
 

или скорее всего ошибка в цвете: #fff
нужно вот так задавать: #FFFFFF

==================================
это не ошибка, а сокращенная запись

   
 
 автор: deman-b   (05.04.2008 в 20:52)   письмо автору
 
   для: elenaki   (05.04.2008 в 20:47)
 

я имел ввиду что FF не дружит с сокращенными записями :о)

   
 
 автор: elenaki   (05.04.2008 в 20:54)   письмо автору
 
   для: deman-b   (05.04.2008 в 20:52)
 

я не дружу с FF и мне как-то фиолетово, что он любит, а что нет

   
 
 автор: Mookapek   (05.04.2008 в 21:15)   письмо автору
 
   для: elenaki   (05.04.2008 в 20:54)
 

Сайт же делается не для себя, а для пользователей. Или вы думаете, что 100% пользователей Сети используют только ИЕ?

   
 
 автор: Mookapek   (05.04.2008 в 21:20)   письмо автору
 
   для: deman-b   (05.04.2008 в 20:42)
 

И так и сяк и эдак - ничего не помогает. Файерфоксу по барабану :(

   
 
 автор: ddhvvn   (05.04.2008 в 21:34)   письмо автору
 
   для: Mookapek   (05.04.2008 в 21:20)
 

Может он не знает this? Попробуйте document.getElementById(...)

   
 
 автор: Mookapek   (05.04.2008 в 21:41)   письмо автору
 
   для: ddhvvn   (05.04.2008 в 21:34)
 

Всё, разобрался.
Мне надо было вставить фоновое изображение при наведении курсора. Правильно это делается так:
onmouseover="this.style.backgroundImage='url(image.jpg)';"

Спасибо.

   
 
 автор: deman-b   (05.04.2008 в 23:24)   письмо автору
 
   для: Mookapek   (05.04.2008 в 21:41)
 

ну это не дело...
для рисунка тогда ещо нужен прелоадер на JS..

   
 
 автор: Mookapek   (06.04.2008 в 00:32)   письмо автору
 
   для: deman-b   (05.04.2008 в 23:24)
 

никаких не надо прелоадеров.
все работает.

   
 
 автор: deman-b   (06.04.2008 в 11:10)   письмо автору
 
   для: Mookapek   (06.04.2008 в 00:32)
 

Вы маленько меня не поняли..
прелоадер - это функция на яваскрипте для предварительной загрузки этих изображжений.
вобщем то да - работает, но для удобства пользователя он необходим.
если юзер сидит через диалап, то когда он наведет на ячейку таблицы - оня появится не сразу..
ей же ещо нужно будет загрузится с сервера..
прелоадер же загружает эту картинку вместе со всем документом и когда юзер наведет на ячейку таблицы она появится моментально т.к. будет загружена не с сервера а из кэша.

   
 
 автор: AlexSol   (06.04.2008 в 11:15)   письмо автору
 
   для: deman-b   (06.04.2008 в 11:10)
 

но если юзер не захочет вообще наводь что-то на ячейку, то кртинка просто так схавает его трафик ))

   
 
 автор: deman-b   (06.04.2008 в 11:20)   письмо автору
 
   для: AlexSol   (06.04.2008 в 11:15)
 

если юзер предпочитает экономить траффик то он отключит граффику в браузере вообще.
и тогда ничего грузится не будет

   
 
 автор: deman-b   (06.04.2008 в 11:16)   письмо автору
 
   для: deman-b   (06.04.2008 в 11:10)
 

Вот! простой прелоадер. из фронтпэйджа вытинул..
его маленько переделпть и нормуль

<script language="JavaScript">
<!--
function FP_swapImg() {//v1.0
 var doc=document,args=arguments,elm,n; doc.$imgSwaps=new Array(); for(n=2; n<args.length;
 n+=2) { elm=FP_getObjectByID(args[n]); if(elm) { doc.$imgSwaps[doc.$imgSwaps.length]=elm;
 elm.$src=elm.src; elm.src=args[n+1]; } }
}

function FP_preloadImgs() {//v1.0
 var d=document,a=arguments; if(!d.FP_imgs) d.FP_imgs=new Array();
 for(var i=0; i<a.length; i++) { d.FP_imgs[i]=new Image; d.FP_imgs[i].src=a[i]; }
}

function FP_getObjectByID(id,o) {//v1.0
 var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById) el=o.getElementById(id);
 else if(o.layers) c=o.layers; else if(o.all) el=o.all[id]; if(el) return el;
 if(o.id==id || o.name==id) return o; if(o.childNodes) c=o.childNodes; if(c)
 for(n=0; n<c.length; n++) { el=FP_getObjectByID(id,c[n]); if(el) return el; }
 f=o.forms; if(f) for(n=0; n<f.length; n++) { els=f[n].elements;
 for(m=0; m<els.length; m++){ el=FP_getObjectByID(id,els[n]); if(el) return el; } }
 return null;
}
// -->
</script>
<body onload="FP_preloadImgs(/*url*/'button3.jpg')">

<p><a href="#">
<img border="0" id="img1" src="button2.jpg" height="20" width="100" alt="XXXXXX" onmouseover="FP_swapImg(1,0,/*id*/'img1',/*url*/'button3.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img1',/*url*/'button2.jpg')" fp-style="fp-btn: Embossed Capsule 1; fp-font-color-hover: #008000; fp-img-press: 0" fp-title="XXXXXX"></a></p>

   
 
 автор: AlexSol   (06.04.2008 в 11:48)   письмо автору
 
   для: deman-b   (06.04.2008 в 11:16)
 

из фронтпэйджа вытинул УЖОС!

   
 
 автор: deman-b   (06.04.2008 в 15:59)   письмо автору
 
   для: AlexSol   (06.04.2008 в 11:48)
 

XD
ну хоть какая то польза должна же от него быть))

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования