За последние 24 часа нас посетили 20832 программиста и 1138 роботов. Сейчас ищут 366 программистов ...

Скрытие и открытие столбцов в таблице.

Тема в разделе "JavaScript и AJAX", создана пользователем Keo, 2 окт 2006.

  1. Keo

    Keo Активный пользователь

    С нами с:
    20 сен 2006
    Сообщения:
    38
    Симпатии:
    0
    Можно ли и как сделать такую вещь?

    Допустим есть у меня таблица в которой много столбцов, ну и соответственно она в ширину экрана не помещается, можно ли сделать кнопочку скрыть (-) для каждого из столбца, при нажатии на которую столбец скрывался, а при нажатии на открыть (+) столбец разворачивался?
     
  2. NIKO

    NIKO Активный пользователь

    С нами с:
    10 фев 2006
    Сообщения:
    655
    Симпатии:
    0
    Адрес:
    Armenia
    Не в тему пишешь...
     
  3. Keo

    Keo Активный пользователь

    С нами с:
    20 сен 2006
    Сообщения:
    38
    Симпатии:
    0
    Упс... а куда написать? Или на пхп это не реализуется? Или тяжело реализуется? Или это с помощью другого языка делается?
     
  4. Hight

    Hight Старожил
    Команда форума Модератор

    С нами с:
    5 мар 2006
    Сообщения:
    7.153
    Симпатии:
    0
    Адрес:
    из злой параллельной вселенной
  5. Davil

    Davil Guest

    Keo
    Это реализуется на JavaScript.
    PHP выполняется на серверной стороне и не имеет никакого отношения к тому, что происходит в браузере.
     
  6. Keo

    Keo Активный пользователь

    С нами с:
    20 сен 2006
    Сообщения:
    38
    Симпатии:
    0
    Hight & Davil спасибо
     
  7. Hight

    Hight Старожил
    Команда форума Модератор

    С нами с:
    5 мар 2006
    Сообщения:
    7.153
    Симпатии:
    0
    Адрес:
    из злой параллельной вселенной
    имеет отношение... пых браузеру хтмл генерит, а уже потом браузер его интерпритирует... 8)
     
  8. Demon

    Demon Активный пользователь

    С нами с:
    20 апр 2006
    Сообщения:
    239
    Симпатии:
    0
    Keo: Переделайте "под себя".
    Код (Text):
    1.  
    2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru">
    4. <head>
    5. <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
    6. <title>Page title</title>
    7. <style type="text/css">
    8. <!--
    9. body {
    10. font: 0.8em verdana,arial,serif;
    11. }
    12. #block1 {
    13. width: 250px;
    14. height: 100px;
    15. }
    16. textarea {
    17. width: 250px;
    18. float: left;
    19. height: 60px;
    20. border: 1px solid #D2E3FB;
    21. }
    22. input#button {
    23. width: 80px;
    24. height: 17px !important;
    25. text-align: center;
    26. background-color: #EBF3FE;
    27. border: 1px solid silver;
    28. font-family: "Verdana";
    29. font-size: 11px;
    30. color: black;
    31. float: left;
    32. }
    33. input {
    34. width: 150px;
    35. margin-top: 4px;
    36. height: 15px !important;
    37. font-family: 'Verdana';
    38. font-size: 10px;
    39. border: 1px solid #D2E3FB;
    40. margin-bottom: 5px;
    41. }
    42. -->
    43. </style>
    44. <script type="text/javascript">
    45. //<![CDATA[
    46. <!--
    47. function zzz(id,str) {
    48.    obj = document.getElementById('block'+id).style;
    49.  
    50.    if (obj.display == 'block') {
    51.       obj.display = 'none';
    52.       str.innerHTML = 'Показать';
    53.    }
    54.  
    55.    else {
    56.       obj.display = 'block';
    57.       str.innerHTML = 'Скрыть';
    58.    }
    59. }
    60. //-->
    61. //]]>
    62. </script>
    63. </head>
    64. <body>
    65. <div>
    66. <a href="#" onclick="zzz(1,this)">Показать</a>
    67.  
    68. <div id="block1" style="display: none;">
    69. <form action="#">
    70. <input type="text" name="user" value="Ваше имя" onfocus="this.value=''" />
    71. <textarea rows="40"  name="mess" class="block"></textarea>
    72. <input id="button"  type="submit" value="Отправить"/>
    73. </form>
    74. </div>
    75. </div>
    76. </body>
    77. </html>
     
  9. 440Hz

    440Hz Старожил
    Команда форума Модератор

    С нами с:
    21 дек 2012
    Сообщения:
    8.003
    Симпатии:
    1
    Адрес:
    Оттуда
    Demon

    и что тут переделать по сокрытию столбцов?
     
  10. Davil

    Davil Guest

    Hight
    Я имел ввиду, естественно, динамические эффекты. Впринципе с ними пхп работает, но это гемор.
     
  11. Davil

    Davil Guest

    Demon
    Мог бы просто написать : style="visibility:hidden"
     
  12. Demon

    Demon Активный пользователь

    С нами с:
    20 апр 2006
    Сообщения:
    239
    Симпатии:
    0
    Davil: Это частично не мой код, и я только предложил. А такое в принципе и через CSS сделать можно.
     
  13. angelo4ek

    angelo4ek Активный пользователь

    С нами с:
    27 авг 2006
    Сообщения:
    85
    Симпатии:
    0
    в Данео Кмс такое было реализовано, но сами разработчики от него отказались.
    Действительна гемора было, так а таблицы то че не переделать так чтоб в несколько страниц и проще, и практичнее...
     
  14. Keo

    Keo Активный пользователь

    С нами с:
    20 сен 2006
    Сообщения:
    38
    Симпатии:
    0
    Да дело в том что хотелось бы выидеть всю информацию, касающейся данной строки, да и дело привычки после EXCEL ))))
     
  15. Davil

    Davil Guest

    Проще EXEL пользовать, чем городить такую вещь.
     
  16. Keo

    Keo Активный пользователь

    С нами с:
    20 сен 2006
    Сообщения:
    38
    Симпатии:
    0
    Не проще, слишком сложная таблица становится, поэтому и ищу другой способ... да и не надежен Excel. Глюки непонятные бывают...
     
  17. Anonymous

    Anonymous Guest

    Крут. Как курт.
     
  18. NIKO

    NIKO Активный пользователь

    С нами с:
    10 фев 2006
    Сообщения:
    655
    Симпатии:
    0
    Адрес:
    Armenia
  19. Keo

    Keo Активный пользователь

    С нами с:
    20 сен 2006
    Сообщения:
    38
    Симпатии:
    0
    Нет правда когда у тебя в общем доступе 5 листов Экселя. И в этом общем доступе изменют целый день данные не очень умелые Юзеры в количестве 20 человек, и у тебя уходит 3 часа в день только на то чтобы "Ой а уменя что то куда то делось" и тд... То задумываешься перейти на что то другое.... Не ругайтесь...

    И по возможности подскажите как проще и быстрее, если кто нибудь такое уже делал...