Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / CSS: подсветить колонку таблицы на которую наведена мышка / 10 сообщений из 10, страница 1 из 1
25.02.2010, 15:48:09
    #36488262
грязный
грязный
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
CSS: подсветить колонку таблицы на которую наведена мышка
со сторокой/ячейкой понятно, а как подсветить колонку?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
25.02.2010, 16:03:21
    #36488314
ShSerge
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
CSS: подсветить колонку таблицы на которую наведена мышка
Пробежаться циклом. Одна строчка кода.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
25.02.2010, 17:15:13
    #36488522
Antonariy
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
CSS: подсветить колонку таблицы на которую наведена мышка
ShSergeОдна строчка кода.На жквери? ))
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
25.02.2010, 17:21:33
    #36488548
ShSerge
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
CSS: подсветить колонку таблицы на которую наведена мышка
AntonariyShSergeОдна строчка кода.На жквери? ))
Да, проще на жквери. На чистом яваскрипте одной строчкой как ни старался - не получилось. :)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
25.02.2010, 20:11:16
    #36488876
Ренат
Ренат
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
CSS: подсветить колонку таблицы на которую наведена мышка
AntonariyShSergeОдна строчка кода.На жквери? ))
думаю с учетом colspan`ов даже в jquery не обойтись одной строчкой.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
25.02.2010, 20:20:10
    #36488893
зы
зы
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
CSS: подсветить колонку таблицы на которую наведена мышка
Ренат
думаю с учетом colspan`ов даже в jquery не обойтись одной строчкой.
Зачем придумывать костыли сферическому коню?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
26.02.2010, 00:36:07
    #36489149
Ренат
Ренат
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
CSS: подсветить колонку таблицы на которую наведена мышка
зыРенат
думаю с учетом colspan`ов даже в jquery не обойтись одной строчкой.
Зачем придумывать костыли сферическому коню?ась?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
26.02.2010, 10:53:36
    #36489538
Antonariy
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
CSS: подсветить колонку таблицы на которую наведена мышка
РенатзыРенат
думаю с учетом colspan`ов даже в jquery не обойтись одной строчкой.
Зачем придумывать костыли сферическому коню?ась?1) В условиях задачи ничего не сказано про колспаны.
2) Нормальные пацаны колспаны оставляют в тхеде, а подсвечивают колонки в тбоди. Одной строкой.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
26.02.2010, 14:06:04
    #36490139
грязный
грязный
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
CSS: подсветить колонку таблицы на которую наведена мышка
Antonariy, пример
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
26.02.2010, 14:56:12
    #36490308
ShSerge
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
CSS: подсветить колонку таблицы на которую наведена мышка
Код: 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
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / CSS: подсветить колонку таблицы на которую наведена мышка / 10 сообщений из 10, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 470ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1453476]:
 0ms
get settings:
 8ms
get forum list:
 11ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 172ms
get topic data:
 10ms
get forum data:
 3ms
get page messages:
 31ms
get tp. blocked users:
 1ms
others: 228ms
total:  470ms
x
x
Закрыть


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