Хостинг портала RFpro.ru:
Московский хостер
Профессиональный ХОСТИНГ на базе Linux x64 и Windows x64 РАССЫЛКИ ПОРТАЛА RFPRO.RU Лучшие эксперты по данной тематике | Номер выпуска: | 700 | | Дата выхода: | 26.11.2011, 08:00 | | Администратор рассылки: | Калашников О.А. (Руководитель) | | Подписчиков / экспертов: | 230 / 93 | | Вопросов / ответов: | 1 / 1 | Консультация # 184510: Здравствуйте! У меня возникли сложности с таким вопросом: На странице размещены таблицы разной длины одна под другой. Мне нужно сделать так, чтобы при определенных действиях пользователя (например - нажатие на кнопку) таблицы могли отключаться (т.е. не выводится на экран). Свойством visibility мне этого добиться не удалось, потому, что таблица с...
Консультация # 184510: Здравствуйте! У меня возникли сложности с таким вопросом:
На странице размещены таблицы разной длины одна под другой. Мне нужно сделать так, чтобы при определенных действиях пользователя (например - нажатие на кнопку) таблицы могли отключаться (т.е. не выводится на экран). Свойством visibility мне этого добиться не удалось, потому, что таблица становится невидимой, но на ее месте появляется пустое место. А нужно, чтобы таблицы шли одна за другой.
И еще один маленький вопрос - можно ли поменять таблицы местами средствами JavaScript? Дата отправки: 21.11.2011, 07:24
Вопрос задал: fomservl (Посетитель)
Всего ответов: 1
Страница онлайн-консультации »
Консультирует Коцюрбенко Алексей aka Жерар (Профессор): Здравствуйте, fomservl!
Можно использовать свойство display, например, так:
Код (HTML): <html> <title>Таблицы</title> <body> <script> function displayelement(id) { if (document.getElementById(id).style.display=='none') document.getElementById(id).style.display = ''; else document.getElementById(id).style.display = 'none'; return true; } </script> <button onClick="displayelement('tab1')">Таблица 1</button> <button onClick="displayelement('tab2')">Таблица 2</button> <button onClick="document.getElementById('tab1').swapNode(document.getElementById('tab2'))">Переставить</button> <table id='tab1' bgcolor='red' border=1> <caption>Таблица 1</caption> <thead> <th></th> <th>Столбец 1</th> <th>Столбец 2</th> </thead> <tr> <td><b>Строка 1</b></td> <td>Ячейка 11</td> <td>Ячейка 12</td> </tr> <tr> <td><b>Строка 2</b></td> <td>Ячейка 21</td> <td>Ячейка 22</td> </tr> </table> <table id='tab2' bgcolor='green' border=1> <caption>Таблица 2</caption> <thead> <th></th> <th>Столбец 1</th> <th>Столбец 2</th> </thead> <tr> <td><b>Строка 1</b></td> <td>Ячейка 11</td> <td>Ячейка 12</td> </tr> <tr> <td><b>Строка 2</b></td> <td>Ячейка 21</td> <td>Ячейка 22</td> </tr> </table> </body> </html>
Подобным образом можно отключать и включать почти любой элемент через его id. Что касается перестановки с использованием метода swapNode, то он в каких-то браузерах может не сработать, тогда придётся использовать комбинации insertBefore, appendChild, removeChild (но это сложнее), либо поиграться с innerHTML (что еще сложнее).  | Консультировал: Коцюрбенко Алексей aka Жерар (Профессор)
Дата отправки: 21.11.2011, 17:21 5 нет комментария
-----
Дата оценки: 22.11.2011, 17:27 | Рейтинг ответа:  0  |
Оценить выпуск | Задать вопрос экспертам главная страница | стать участником | получить консультацию
техническая поддержка | восстановить логин/пароль Дорогой читатель! Команда портала RFPRO.RU благодарит Вас за то, что Вы пользуетесь нашими услугами. Вы только что прочли очередной выпуск рассылки. Мы старались. Пожалуйста, оцените его. Если совет помог Вам, если Вам понравился ответ, Вы можете поблагодарить автора - для этого в каждом ответе есть специальные ссылки. Вы можете оставить отзыв о работе портале. Нам очень важно знать Ваше мнение. Вы можете поближе познакомиться с жизнью портала, посетив наш форум, почитав журнал, который издают наши эксперты. Если у Вас есть желание помочь людям, поделиться своими знаниями, Вы можете зарегистрироваться экспертом. Заходите - у нас интересно! МЫ РАБОТАЕМ ДЛЯ ВАС!
|
Комментариев нет:
Отправить комментарий