ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / CSS: подсветить колонку таблицы на которую наведена мышка
10 сообщений из 10, страница 1 из 1
CSS: подсветить колонку таблицы на которую наведена мышка
    #36488262
грязный
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
грязный
Участник
со сторокой/ячейкой понятно, а как подсветить колонку?
...
Рейтинг: 0 / 0
25.02.2010, 15:48:09
| Ответить | Цитировать | Написать  
CSS: подсветить колонку таблицы на которую наведена мышка
    #36488314
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
Пробежаться циклом. Одна строчка кода.
...
Рейтинг: 0 / 0
25.02.2010, 16:03:21
| Ответить | Цитировать | Написать  
CSS: подсветить колонку таблицы на которую наведена мышка
    #36488522
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
ShSergeОдна строчка кода.На жквери? ))
...
Рейтинг: 0 / 0
25.02.2010, 17:15:13
| Ответить | Цитировать | Написать  
CSS: подсветить колонку таблицы на которую наведена мышка
    #36488548
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
AntonariyShSergeОдна строчка кода.На жквери? ))
Да, проще на жквери. На чистом яваскрипте одной строчкой как ни старался - не получилось. :)
...
Рейтинг: 0 / 0
25.02.2010, 17:21:33
| Ответить | Цитировать | Написать  
CSS: подсветить колонку таблицы на которую наведена мышка
    #36488876
Фотография Ренат
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ренат
Участник
AntonariyShSergeОдна строчка кода.На жквери? ))
думаю с учетом colspan`ов даже в jquery не обойтись одной строчкой.
...
Рейтинг: 0 / 0
25.02.2010, 20:11:16
| Ответить | Цитировать | Написать  
CSS: подсветить колонку таблицы на которую наведена мышка
    #36488893
зы
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
зы
Участник
Ренат
думаю с учетом colspan`ов даже в jquery не обойтись одной строчкой.
Зачем придумывать костыли сферическому коню?
...
Рейтинг: 0 / 0
25.02.2010, 20:20:10
| Ответить | Цитировать | Написать  
CSS: подсветить колонку таблицы на которую наведена мышка
    #36489149
Фотография Ренат
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ренат
Участник
зыРенат
думаю с учетом colspan`ов даже в jquery не обойтись одной строчкой.
Зачем придумывать костыли сферическому коню?ась?
...
Рейтинг: 0 / 0
26.02.2010, 00:36:07
| Ответить | Цитировать | Написать  
CSS: подсветить колонку таблицы на которую наведена мышка
    #36489538
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
РенатзыРенат
думаю с учетом colspan`ов даже в jquery не обойтись одной строчкой.
Зачем придумывать костыли сферическому коню?ась?1) В условиях задачи ничего не сказано про колспаны.
2) Нормальные пацаны колспаны оставляют в тхеде, а подсвечивают колонки в тбоди. Одной строкой.
...
Рейтинг: 0 / 0
26.02.2010, 10:53:36
| Ответить | Цитировать | Написать  
CSS: подсветить колонку таблицы на которую наведена мышка
    #36490139
грязный
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
грязный
Участник
Antonariy, пример
...
Рейтинг: 0 / 0
26.02.2010, 14:06:04
| Ответить | Цитировать | Написать  
CSS: подсветить колонку таблицы на которую наведена мышка
    #36490308
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
<html>
<style>
.ovr{background-color:red}
</style>
<script>
var tbl,currCol,tmr;

function ld(){
tbl=document.getElementById("tb");
tbl.onmouseover=mv;
}

function mv(evt){
var ev = window.event || evt;
var elt = ev.target || ev.srcElement;
if(elt.tagName!="TD") return;
if(currCol!=null){
	for(var i= 0 ;i<tbl.rows.length;i++) tbl.rows[i].cells[currCol].className="";
}
currCol=findCol(elt,elt.parentNode);
for(var i= 0 ;i< tbl.rows.length;i++) tbl.rows[i].cells[currCol].className="ovr";

}

function findCol(el,r){
for(var i= 0 ;i<r.cells.length;i++){
	if(el==r.cells[i]) return[i];
}
}

</script>
<body onload="ld()">
<table id="tb">
<tr><td> 1111 </td><td> 2222 </td><td> 333 </td><td> 444 </td></tr>
<tr><td> 1111 </td><td> 2222 </td><td> 333 </td><td> 444 </td></tr>
<tr><td > 1111 </td><td> 2222 </td><td> 333 </td><td> 444 </td></tr>
<tr><td> 1111 </td><td> 2222 </td><td> 333 </td><td> 444 </td></tr>
</table>
</script>
</html>
...
Рейтинг: 0 / 0
26.02.2010, 14:56:12
| Ответить | Цитировать | Написать  
10 сообщений из 10, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / CSS: подсветить колонку таблицы на которую наведена мышка
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=36489538&tid=1453476]:
 0ms
get settings:
 11ms
get forum list:
 14ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 154ms
get topic data:
 9ms
get forum data:
 2ms
get page messages:
 46ms
get tp. blocked users:
 2ms
others: 276ms
total:  520ms
созд. / загр.: 520ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]