[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: подсветить строчку в таблице при клике
Basili4
есть таблица
в ней есть строки
надо подсветить строку делаю так
<tr onclick=''this.className="clickitem"'><td>...</td><td>...</td>...</tr>
меняю бакграунд строке нифига не получается

если вешаю событие на TD ячейка подсвечивается но соответственно только одна как подсветить всю строку.

или как получить все TD - кликаемой строки.







Спустя 22 минуты, 38 секунд (5.07.2010 - 12:28) Ineed$ написал(а):
Чтобы отметить строку надо либо задать класс(гемор) всем дочерним ячейкам, либо строить свою таблицу дивами. Если у тебя таблица строится в циклах, тогда смело можешь переделывать в дивы и будет тебе счастье.

Спустя 5 минут, 17 секунд (5.07.2010 - 12:34) linker написал(а):
<tr onmouseover="" onmouseout=""> - будет применяться на всю строчку

Спустя 2 минуты, 15 секунд (5.07.2010 - 12:36) linker написал(а):
Тьфу, обшибся: <tr onclick="this.backgroundColor='#цвет'"></tr> - самый простой способ

Спустя 8 минут, 3 секунды (5.07.2010 - 12:44) Ice написал(а):
Цитата (Basili4 @ 5.07.2010 - 13:06)
<tr onclick=''this.className="clickitem"'>

Всё верно, но в расстановке кавычек ошибка.

Спустя 16 минут, 12 секунд (5.07.2010 - 13:00) Basili4 написал(а):
Ice
в коде там все как надо это я набирал опечатался

Спустя 18 минут, 19 секунд (5.07.2010 - 13:18) Basili4 написал(а):
ни фига не получается

так не работает
$table.="<tr align=center onClick='this.className=&quot;ClickItem&quot;'>
<td>$row[0]</td><td>$row[1]</td><td>$lic</td><td>$checkbox</td></tr>";

так работает но только для 1 ячейки
$table.="<tr align=center>
<td onClick='this.className=&quot;ClickItem&quot;'>$row[0]</td><td>$row[1]</td><td>$lic</td><td>$checkbox</td></tr>";


onclick="this.backgroundColor='#цвет'" испльовать это вообще не получается. ни где.

Спустя 16 минут, 52 секунды (5.07.2010 - 13:35) трамонтана написал(а):
описать в css такой селектор, что будет?
tr.clickitem td{background:#0F0}

Спустя 6 минут, 37 секунд (5.07.2010 - 13:42) Basili4 написал(а):
трамонтана
Не не помагает если для событие на tr висит ничего не происходит если на td только ячейка подсвечивается

Спустя 1 минута, 28 секунд (5.07.2010 - 13:43) трамонтана написал(а):
tr.clickitem td{background:#0F0} 

не верю что это не поможет..а можешь показать? событие то конечно должно быть на tr

Спустя 2 минуты, 41 секунда (5.07.2010 - 13:46) Basili4 написал(а):
вот весь цикл


while($row=mysql_fetch_row($result))
{
$func="x_php_Control("$row[1]",PopupOM)";
$checkbox="<img src='img/cfg.png' width=20 height=20 onClick='$func' />";

if ($row[2]==1)
$lic="img/yes.png";
else $lic="img/no.png";

$lic="<img src=$lic width=16 height=16 />";



$table.="<tr align=center onClick='this.className="ClickItem"'>
<td>
$row[0]</td><td>$row[1]</td><td>$lic</td><td>$checkbox</td>
</tr>"
;



}





вот правило
tr.clickitem td{
background:#0F0;
}

Спустя 9 минут, 42 секунды (5.07.2010 - 13:56) sergeiss написал(а):
Вот так у меня работает в Опере 9.25

<style>
.a
{
text-align:right;
}
.clickitem{
background-color:#0F0;
}
</style>


<table width="100%" border="1" cellpadding="10">
<tr
class="clickitem">
<td
style="border:solid; border-width:medium; border-color:#CCCCCC">sfdsfs</td>
<td
class="a">1</td>
<td>
ag</td>
</tr>
</table>

Спустя 7 минут, 6 секунд (5.07.2010 - 14:03) трамонтана написал(а):
хе...а можно вообще без js написат тока в css
tr.clickitem:hover{border-color:#3F0}


тока в ie6 не будет работать) ну да и чёрд с ним biggrin.gif

зы мош ссылку покажешь..? rolleyes.gif

Спустя 23 секунды (5.07.2010 - 14:03) Basili4 написал(а):
sergeiss
у меня тоже так заработало добавил событие на клик все нормально работает почему тогда мой код не робит sad.gif

Спустя 6 минут, 9 секунд (5.07.2010 - 14:09) Basili4 написал(а):
Вобщем спасибо всем сделал так по клику на строку всем TD этой строки задаю стиль ClickItem так работает

почему код работет


<style>
.a
{
text-align:right;
}

.clickitem{
background-color:#0F0;
}
</style>
<table
width="100%" border="1" cellpadding="10">
<tr
onClick=this.className="clickitem">
<td
style="border:solid; border-width:medium; border-color:#CCCCCC">sfdsfs</td>
<td
class="a">1</td>
<td>
ag</td>
</tr>



а


$table.="<tr align=center onClick=this.className=\"ClickItem\">
<td>
$row[0]</td><td>$row[1]</td><td>$lic</td><td>$checkbox</td>
</tr>"
;

НЕ РЕБОТАЕТ не могу понять

Спустя 19 минут, 42 секунды (5.07.2010 - 14:29) sergeiss написал(а):
Цитата (Basili4 @ 5.07.2010 - 15:09)
НЕ РЕБОТАЕТ не могу понять

Ты сравнивай сравнимое! То есть, покажи код, который у тебя получается после работы ПХП-скрипта, а не сам скрипт. И его посмотрим вместе.

Спустя 8 минут, 15 секунд (5.07.2010 - 14:37) Basili4 написал(а):
он у меня через ajax в браузере выводится самого HTML кода нет. позже буду лог делать смотреть что там пишется

Спустя 16 минут, 31 секунда (5.07.2010 - 14:54) sergeiss написал(а):
Ну... Аджакс же ведь формирует что-то, что отправляет браузеру. Вот тут бы и посмотреть, что именно. Скорее всего, там где-то не хватает мелочи (кавычек, скобок или ещё чего-то).

Спустя 10 минут, 48 секунд (5.07.2010 - 15:05) Basili4 написал(а):

<table width=10% border=1>
<tr>
<td
colspan='4' class='bordTop'>
 
</td>
</tr>
<tr>
<td
colspan='4' class='head3' >Объекты мониторига</td>
</tr>
<tr>
<th>
</th>
<th>
Гос Номер</th>
<th>
Лицензия</th>
<th></th>
</tr><tr
align=center onClick=this.className='ClickItem'>
<td>
32m</td><td>C 851 TA</td><td><img src=img/no.png width=16 height=16 /></td><td><img src='img/cfg.png' width=20 height=20 onClick='x_php_Control("C 851 TA",PopupOM)' /></td>
</tr></table>




вот что выводится опера подсвечивает строку

IE нехочит

селект CSS

.ClickItem
{
background-color: #4682b4;
font-weight: bold;

}

Спустя 31 минута, 48 секунд (5.07.2010 - 15:36) sergeiss написал(а):
Попробуй
<tr align=center onClick=this.className='ClickItem'>

Замени на
<tr align=center onClick="this.className='ClickItem'">
// или наоборот
<tr align=center onClick='this.className="ClickItem"'>

Возможно, что проблема в этих кавычках. Которые надо бы ставить всегда.


_____________
Цитата
От постоянного сидения рядом с клавиатурой начинает болеть спина.


Делаю сайты, пишу скрипты php, js.
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2025 Invision Power Services, Inc.