VPF::Скрыть/показать колонки таблицы.

Coder

Дата 15.2.2010, 04:14 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 733
Регистрация: 13.12.2004

Репутация: нет
Всего: 11

Всем привет!
У меня есть таблица (см. скриншот), необходимо сделать кнопку, по которой колонка "Права доступа" будет скрываться/отображаться. Все осложняется тем, что "Права доступа" сгруппированы через colspan - т.е. нужно скрыть шапку, подшапку и данные!
Как это сделать?

Присоединённый файл ( Кол-во скачиваний: 17 )

logins_list.jpg 72,99 Kb

Amphiluke

Дата 15.2.2010, 11:07 (ссылка)

(нет голосов)

Загрузка ...

☽

Профиль
Группа: Завсегдатай
Сообщений: 1253
Регистрация: 26.8.2009

Репутация: 39
Всего: 112

Ну, можно вообще так и делать: назначать нужным ячейкам стиль display="none"...

Код


function showRights() {
    var loglist = document.getElementById("login_list");
    var rightsVisible = (loglist.rows[0].cells[1].style.display != "none");
    loglist.rows[0].cells[1].style.display = (rightsVisible) ? "none" : "";
    for (var i = 1; i < loglist.rows.length; i++) {
        for (var j = 5; j < 9; j++)
            loglist.rows[i].cells[j].style.display = loglist.rows[0].cells[1].style.display;
    }
}

Код


<p><a href="#" onclick="return showRights();">Скрыть/показать права доступа</a></p>
<table border="1" width="100%" id="login_list">
    <tr>
        <th colspan="5">Анкета</th>
        <th colspan="4">Права доступа</th>
        <th colspan="2">Действия</th>
    </tr>
    <tr>
        <td>Lorem</td><td>Lorem</td><td>Lorem</td><td>Lorem</td><td>Lorem</td>
        <td>Lorem</td><td>Lorem</td><td>Lorem</td><td>Lorem</td><td>Lorem</td><td>Lorem</td>
    </tr>
    <tr>
        <td>ipsum</td><td>ipsum</td><td>ipsum</td><td>ipsum</td><td>ipsum</td>
        <td>ipsum</td><td>ipsum</td><td>ipsum</td><td>ipsum</td><td>ipsum</td><td>ipsum</td>
    </tr>
</table>

Coder

Дата 16.2.2010, 02:40 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 733
Регистрация: 13.12.2004

Репутация: нет
Всего: 11

Amphiluke, +1
Спасибо!

12345c

Дата 16.2.2010, 12:07 (ссылка)

(нет голосов)

Загрузка ...

Круглый

Профиль
Группа: Vingrad developer
Сообщений: 2018
Регистрация: 26.12.2005
Где: наша не пропадала ?

Репутация: 6
Всего: 101

Работающий пример: http://savedbythegoog.appspot.com/?id=6be5...afac48c833ebb7#

(В рамках тестирования Code Playground : http://code.google.com/apis/ajax/playground/ )

--------------------

Google Code Playground - онлайн-отладка своих примеров HTML+JS без регистрации, с сохранением по URL, без кириллицы. Go

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »