Перейти из форума на сайт.

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в on-line?
Вход Забыли пароль? Первый раз на этом сайте? Регистрация
Компьютерный форум Ru.Board » Интернет » Web-программирование » Скрыть/показать строки таблицы

Модерирует : Cheery

 Версия для печати • ПодписатьсяДобавить в закладки

Открыть новую тему     Написать ответ в эту тему

Alexey87

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Уважаемые форумчане помогите, пожалуйста, решить проблему:  
есть таблица с информацией, нужно при клике по ссылкам "показать" показывать/прятать строки таблицы.
Как это сделать?

Всего записей: 657 | Зарегистр. 27-01-2008 | Отправлено: 01:22 28-10-2017
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Alexey87

Цитата:
Как это сделать?

выставить строке display: none, а когда нужно - менять на видимое
собственно так и пытались сделать, но ошибок то в формате таблицы делать не нужно тоже.
 
https://jsfiddle.net/5a8kb8ds/1/
ну и текст меняете, если хочется

Всего записей: 15100 | Зарегистр. 20-09-2014 | Отправлено: 01:28 28-10-2017 | Исправлено: Mavrikii, 01:33 28-10-2017
Alexey87

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii, благодарю за помощь.
А как сделать так, чтобы при клике по ссылкам "показать" отображалось нужное, но при этом было скрыто остальное?
Т.е., нажал <a href="#ii_ppssz" onclick="openClose('ii_ppssz')">показать</a> - показывается <tr id="ii_ppssz">.
А при нажатии на <a href="#nht_ppssz" onclick="openClose('nht_ppssz')">показать</a> показывается <tr id="nht_ppssz">, но должно быть скрыто <tr id="ii_ppssz"> и <tr id="sihnp_ppssz">.

Всего записей: 657 | Зарегистр. 27-01-2008 | Отправлено: 09:43 28-10-2017
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Alexey87
Даёте всем какой то одинаковый признак, например какой то класс. При клике выбираете все с этим классом и прячете, а показываете только тот, что привязан к клику.

Всего записей: 15100 | Зарегистр. 20-09-2014 | Отправлено: 09:50 28-10-2017
Alexey87

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii, класс задал.
А как элементы с ним показывать/скрывать

Всего записей: 657 | Зарегистр. 27-01-2008 | Отправлено: 10:15 28-10-2017
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Alexey87

Цитата:
А как элементы с ним показывать/скрывать  

https://learn.javascript.ru/searching-elements-dom
Выбираете по имени класса, в цикле прячете.

Всего записей: 15100 | Зарегистр. 20-09-2014 | Отправлено: 10:46 28-10-2017
Alexey87

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii, код подправил, но он не работает

Всего записей: 657 | Зарегистр. 27-01-2008 | Отправлено: 11:21 28-10-2017
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Alexey87

Цитата:
но он не работает  

Потому, что не думаете. Методом тыка такое не пишется. Явно же написал, что выбирается при этом группа элементов, которым в цикле каждому нужно поставить желаемые свойства стиля.

Всего записей: 15100 | Зарегистр. 20-09-2014 | Отправлено: 11:36 28-10-2017
Alexey87

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Цитата:
Методом тыка такое не пишется

так и я о том же...
я программировать не умею, поэтому и спрашиваю свой вопрос

Всего записей: 657 | Зарегистр. 27-01-2008 | Отправлено: 12:32 28-10-2017
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Alexey87

Цитата:
я программировать не умею

тогда зачем занимаетесь, если не пытаетесь изучить?)
https://jsfiddle.net/5a8kb8ds/4/
 
другой вариант - в отдельную переменную запоминать предыдущий открытый элемент и закрывать только его.

Всего записей: 15100 | Зарегистр. 20-09-2014 | Отправлено: 20:19 28-10-2017 | Исправлено: Mavrikii, 20:31 28-10-2017
Открыть новую тему     Написать ответ в эту тему

Компьютерный форум Ru.Board » Интернет » Web-программирование » Скрыть/показать строки таблицы


Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2024

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru