Гость
Войти | Профиль | Очистить
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / управление таблицей / 4 сообщений из 4, страница 1 из 1
12.02.2007, 08:36
    #34322641
AnoNik
AnoNik
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
управление таблицей
Столкнулся с такой проблемой:
Есть html-ая таблица, хочется сделать так, что бы при открытие страницы с этой таблицей показывались толко часть из всех столбцев, а если пользователь захочет, то нажмет кнопочку и вылезут скрытые столбцы.
Как это можно реализовать ? Подскажите плз...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
12.02.2007, 09:18
    #34322693
Damnedest
Damnedest
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
управление таблицей
Можно сделать таблицу, с необходимым количеством столбцов.
В каждой ячейке делать подтаблицу. При необходимости прятать или выводить эту ячейку.

Подводные камни будут, если данные занимают больше 1 строки
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
12.02.2007, 11:50
    #34323186
Профсоюз
Профсоюз
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
управление таблицей
Я бы рыл в эту сторону:
Код: 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.
41.
42.
43.
<head>
    <title>Untitled Page</title>
    <script type="text/javascript">

    function ColumnsShowHide()
    {
        tbl = document.getElementById("table1");
        btn = document.getElementById("button1");
        if(tbl.className!="show")
        {
            tbl.className="show";
            btn.value = "Скрыть столбцы";
        }
         else
         {
            tbl.className="hide";
            btn.value = "Показать столбцы";
         }
    }

    </script>
    <style type="text/css">
    table.hide td.hide {display: none;}
    table.show td.hide {display: block;}
    </style>
</head>
<body>
    <table class="show" id="table1">
        <tr><td> 1 </td><td class="hide"> 2 </td><td> 3 </td><td> 4 </td><td class="hide"> 5 </td></tr>
        <tr><td> 1 </td><td class="hide"> 2 </td><td> 3 </td><td> 4 </td><td class="hide"> 5 </td></tr>
        <tr><td> 1 </td><td class="hide"> 2 </td><td> 3 </td><td> 4 </td><td class="hide"> 5 </td></tr>
        <tr><td> 1 </td><td class="hide"> 2 </td><td> 3 </td><td> 4 </td><td class="hide"> 5 </td></tr>
        <tr><td> 1 </td><td class="hide"> 2 </td><td> 3 </td><td> 4 </td><td class="hide"> 5 </td></tr>
        <tr><td> 1 </td><td class="hide"> 2 </td><td> 3 </td><td> 4 </td><td class="hide"> 5 </td></tr>
    </table>

    <input type="button" onclick="ColumnsShowHide()" value="Скрыть столбцы" id="button1" />



</body>



Posted via ActualForum NNTP Server 1.3
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
12.02.2007, 14:08
    #34323840
AnoNik
AnoNik
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
управление таблицей
Код: plaintext
to Профсоюз
спасибо!!!
Очень помогло. :)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / управление таблицей / 4 сообщений из 4, страница 1 из 1
Целевая тема:
Создать новую тему:
Автор:
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение
созд. / загр.: 127ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1458793]:
 0ms
get settings:
 11ms
get forum list:
 12ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 30ms
get topic data:
 11ms
get forum data:
 3ms
get page messages:
 38ms
get tp. blocked users:
 2ms
others: 12ms
total:  127ms
x
x
Закрыть


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