Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) Общие вопросы по вёрстке Как сделать блоки одинаковой высоты на JS ?

Как сделать блоки одинаковой высоты на JS ?


     22.06.2016    Общие вопросы по вёрстке    401

вопрос
Доброго времени суток. Столкнулся с проблемой, так как сам в JS не силен - ищу помощи у Вас.
Пожалуй перейдем непосредственно к вопросу. Имеем трех колоночный резиновый макет - высота у всех колонок разная.
В одном блоке имеется скрытый текст - после нажатия на блок текст появляется - высота блока естественно изменяется.
Все скрипты которые нашел - не помогают решить проблему. Так как они при загрузке страницы - выявляют наибольший по высоте блок и подстраиваются под него. У меня же может быть так : блок 1 и блок 2 меньше чем блок 3. Но когда нажимают на скрытый текст в блоке 1 - он становится больше чем блок 3. А скрипт уже загрузил наибольшую высоту блока 3. Надеюсь смог более менее внятно изъяснить суть проблемы. upd табличная верстка и все аналоги не подходят , нужен именно скрипт.

Ответа пока нет


Комментарии пользователей (6)

lutskboy
3

547 | 103

lutskboy - 23 июня 2016 10:41 - Юзер

табличная верстка и все аналоги не подходят

по идее табличная верстка должна подойти

Alexey.P
6 | 1

Alexey.P - 23 июня 2016 16:38 - Юзер

lutskboy, подойти то подойдет, но проект уже готовый - не хочется переделывать структуру. Так как геморно все это будет (много костылей после этого последует).

Johny
2

55 | 12

Johny - 24 июня 2016 17:12 - Юзер

Да в принципе особых переделок и не будет через display указать нужным блокам нужные свойства отображения.
Тут пример есть скрытый блок который при наведение становится видимым и все блоки подгоняются под его ширину без регистрации и смс =) это видно по бордеру в примере.

Johny
2

55 | 12

Johny - 24 июня 2016 18:41 - Юзер

Или вот этот пример на JS.

Johny
2

55 | 12

Johny - 24 июня 2016 19:16 - Юзер

Че-то понесло меня =) вот пример с кликом на чекбоксах + табличные свойства элементов, без js, регистрации и смс.

Alexey.P
6 | 1

Alexey.P - 27 июня 2016 03:31 - Юзер

Johny, благодарю, действительно есть из чего выбрать :) Хоть и просил сам JS - в итоге остановился на дисплее табличном. Странно мой шаблон реагировал на эти изменения - но в конце концов нашел проблему в коде , из за чего таблица крешилась. Теперь все работает как часы :)

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы