Меню
Что нового?

Выделение столбца таблицы

Армян

Новичок
Выделение столбца таблицы

Можно ли без жаба скрипта сделать выделение столбца в таблице по наведению на него мыши ? =)
 
Можно CSS, но Ишак (IE) поддерживает псевдоклассы :hover :active и другие, только для ссылок.
В большинстве других браузеров можно написать
tr:hover td
{
background: ляля;
}

впрочем, IE7 поддерживает, но как-то косячно :)
 
да, сорри, ступил :) Столбец не выйдет, хотя можно поиграться с тегом <col>, но ни разу не пробовал

поигрался - ничего не вышло :)
 
При большом желании, можно попробовать поиграться со вложенными таблицами.
Примерно так (работает исключительно в Опере :)

PHP: 
<style>
.c {background:#fcc}
.c:hover {background:#cfc}
</style>
<table>
  <tr>
    <td class='c'>
      <table>
        <tr><td>1</td></tr>
        <tr><td>2</td></tr>
      </table>
    </td>
    <td class='c'>
      <table>
        <tr><td>3</td></tr>
        <tr><td>4</td></tr>
      </table>
    </td>
  </tr>
</table>
 
совсем без джаваскрипта не получится (для ИЕ), но можно через CSS используя
behavior: url(путь к файлу.htc)
и в том файле уже ловить события и менять классы у столбцов
но естественно это не будет работать при отключенных скриптах в ИЕ
 
Ясно! Я так и думал :( Спасибо!

А вот вариант Nicholas должен работать по идее! Если не сработает td:hover, можно сделать во вложенной таблице выделение всех ее строк, т.е.
PHP: 
..
 </td>
    <td class='c'>
      <table>
        <tr class=c><td>3</td></tr>
        <tr class=c><td>4</td></tr>
      </table>
    </td>
...
чтото подобное
 
<col class='c'>

-~{}~ 15.05.08 00:51:

p.s. А почему без JavaScript? Он как бы как раз для таких целей, для удобности.
 
В HTML 5 появится элемент datagrid. У таблицы, вложенной в датагрид, можно будет выделять строки, столбцы и ячейки.
 
Войдите или зарегистрируйтесь для ответа.
Сверху