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

HTML+CSS+JavaScript

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

 

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

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

тема: динамическое изменение стиля
 
 автор: tmp   (18.04.2006 в 18:14)   письмо автору
 
 

можно ли с css прописать события onclick (та ячейку таблицы)
(на пример при клике изменять цвет)
или как нить через css и js, но цвет текущий и изменённый должен быть в css!!!

   
 
 автор: 12345   (18.04.2006 в 18:32)   письмо автору
 
   для: tmp   (18.04.2006 в 18:14)
 

Ie = http://msdn.microsoft.com/library/default.asp?url=/workshop/author/behaviors/reference/reference.asp - Introduction to DHTML Behaviors

   
 
 автор: tmp   (18.04.2006 в 18:47)   письмо автору
 
   для: 12345   (18.04.2006 в 18:32)
 

и чё с этим делать ? я уже полистал это....

   
 
 автор: codexomega   (18.04.2006 в 18:56)   письмо автору
 
   для: tmp   (18.04.2006 в 18:47)
 

http://softtime.ru/forum/read.php?id_forum=4&id_theme=11710&page=2

   
 
 автор: tmp   (18.04.2006 в 19:14)   письмо автору
 
   для: codexomega   (18.04.2006 в 18:56)
 

спасибо что-то похожее... только ещё нужно что бы например при нажатии на одну строку её цвет становился синим(ну вот как там скажем только на onclick(т.е. она выделялась!!!) а при нажатии на другую выделялась другая а та соответственно уже погасала)...
*и ещё вопрос а как стили вытащить из файла т.е если стравишь линк на css то чё та ни фига не пашет:(*(протупил всё пашет)

   
 
 автор: 12345   (18.04.2006 в 19:21)   письмо автору
 
   для: tmp   (18.04.2006 в 18:47)
 

Это для изменения только через css. Где-то на этом форуме был пример:


<B>Частичная подсветка теста по наведению мыши.</B><br>
<style>    a { behavior: url(JsPrimeryCode-43.htc) }
a:hover b,a.hovered b{color:red}

</style>
<a href=vfr.htm >Для <B>перехода</B> нажмите <B>сюда</B></a>


Файл JsPrimeryCode-43.htc:
<attach for=element event=onmouseover handler=hig_light>
<attach for=element event=onmouseout handler=low_light>
<script>
function hig_light(){element.className='hovered';}
function low_light(){element.className='';}
</script>


Но, перечитав вопрос, увидел, что строго так задача не стоит (только cSS), поэтому можно:
Подсветка на классах:<br>
<style>.highlightColor{color:red;}
.defaultColor{color:blue;}
</style>
<span class=defaultColor onmouseover=this.className='highlightColor' onmouseout=this.className='defaultColor'>12345</span>
<br><br>


Все демонстрации здесь: http://javascript.aho.ru/example/JsPrimeryCode-43.htm


как там скажем только на onclick(т.е. она выделялась!!!) а при нажатии на другую выделялась другая а та соответственно уже погасала)...

Это легко делается в IE через a:active, но в FF это работает не так (действуеттолько при удержании нажатия). Ради кроссбраузерности придётся тоже скриптом через классы

<a ... onfocus=... onblur=...>

   
 
 автор: tmp   (19.04.2006 в 12:30)   письмо автору
 
   для: 12345   (18.04.2006 в 19:21)
 

х-м.. демострации чё то не те....
нужно именно реализовать средствами js b css(НО цвет которым отмечается TD(при нажатии) должен быть в css) это как бы как закладки в firefox только виде таблицы со строкой...

   
 
 автор: 12345   (19.04.2006 в 14:28)   письмо автору
 
   для: tmp   (19.04.2006 в 12:30)
 

Так какие проблемы? Вместо span - td .

   
 
 автор: RMW   (19.04.2006 в 23:41)   письмо автору
 
   для: tmp   (19.04.2006 в 12:30)
 


<html>

<script>

 var tmp;//global variable

 function heightLightTD(obj)
 {
  if(tmp)tmp.style.backgroundColor='white';
  obj.style.backgroundColor='blue';
  tmp=obj; 
 }

</script>

<table width="150" height="30" border="1">

 <tr>
  <td onclick="heightLightTD(this)">&nbsp;</td>
 </tr>
 <tr>
  <td onclick="heightLightTD(this)">&nbsp;</td>
 </tr>
 <tr>
  <td onclick="heightLightTD(this)">&nbsp;</td>
 </tr>

</table>

</html>

Если этот пример не совсем про css, то вместо style.backgroundColor
изменяй className как было показано выше.

   
 
 автор: tmp   (20.04.2006 в 12:36)   письмо автору
 
   для: RMW   (19.04.2006 в 23:41)
 

угу всё сделал спасибо всем...

   
 
 автор: tmp   (21.04.2006 в 14:28)   письмо автору
 
   для: tmp   (18.04.2006 в 18:14)
 

туплю всё правильно)

   
Rambler's Top100
вверх

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