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

Alexey.P 22.06.2016 Все вопросы » Общие вопросы по вёрстке 1563

вопрос

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

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

6 комментариев

Эксперт

1316

lutskboy - 2016-03-2623 июня 2016 10:41 - #56601

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

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

Юзер

Alexey.P - 2016-03-2623 июня 2016 16:38 - #56608

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

Юзер

Johny - 2016-03-2624 июня 2016 17:12 - #56635

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

Юзер

Johny - 2016-03-2624 июня 2016 18:41 - #56641

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

Юзер

Johny - 2016-03-2624 июня 2016 19:16 - #56646

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

Юзер

Alexey.P - 2016-03-2627 июня 2016 03:31 - #56678

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

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

Аудиоплеер в блоке последних новостей

12.10.2011 Q-bit Общие вопросы по вёрстке, Модули, Хаки

как сделать фиксированый плавающий блок

17.08.2012 scorpion19799 Общие вопросы по вёрстке

Вопрос по позиционированию плавающего блока

18.10.2012 webuserzx Общие вопросы по вёрстке, jQuery

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

05.12.2013 mastodontoff Общие вопросы по вёрстке, Стили (CSS)

Последние события

mondolfo | Как вывесит в comments.tpl картинку с но ... ⁷

mondolfo
Как вывесит в comments.tpl картинку с новости?
Вчера, 23:42

кто-нибудь решил эту?
Darkzone | Выбор категории для доп. поля? ⁴

Darkzone
Выбор категории для доп. поля?
22-11-2024, 17:08

Разъясните как вытащить id?
lutskboy | Вытащить все данные из определенного доп ... ¹

lutskboy
Вытащить все данные из определенного доп поля?
22-11-2024, 16:17

в adminer можно.

lutskboy | Выбор категории для доп. поля? ⁴

lutskboy
Выбор категории для доп. поля?
22-11-2024, 16:14

выбрать все кроме такого нет. можно с бд достать все ид через запятую и вставить в xfields.txt
js скрипт можно написать


<script>
    window.addEventListener('load', ()=> {
        $('#category').on('change', function() {
            var value = $(this).val();
            if ($.isArray(value)) {
            	ShowOrHideEx("xfield_holder_year", jQuery.inArray('1', value) != -1 || jQuery.inArray('2', value) != -1 );
            } else {
            	ShowOrHideEx("xfield_holder_year", value == 1 || value==2);
            }
        })
    });
</script>
year доп поле . 1 и 2 катег

Darkzone | Выбор категории для доп. поля? ⁴

Darkzone
Выбор категории для доп. поля?
22-11-2024, 14:39

Смотрите, Нужно чтоб обязательное к заполнению доп. поле при добавлении новости, выводилось во всех категориях, кроме двух. Так как количество категорий довольно большое, есть ли способ, не тыкать каждую категорию в которой будет отображаться доп.поле. Надеюсь я смог разъяснить.
lutskboy | Выбор категории для доп. поля? ⁴

lutskboy
Выбор категории для доп. поля?
22-11-2024, 13:52

где выводить? админка или сайт
TeraMoune | Как отключить миниатюры стандартной гале ...
TeraMoune
Как отключить миниатюры стандартной галереи Fancybox?
21-11-2024, 06:00
В файле engine/classes/fancybox/fancybox.js искать нужную инициализацию и добавлять соответствующие параметры, весь список параметров и их описание можно найти на этой странице https://fancyapps.com/fancybox/api/options/

Например: параметр Thumbs: false отключает миниатюры.
```
Fancybox.bind("[data-highslide]", {
	groupAttr: 'data-highslide',
	idle:2000,
	Thumbs: false,
	caption: (fancybox, slide) => {
		if(  slide.thumbEl && slide.thumbEl.alt ) {
			return slide.thumbEl.alt
		}
	}
});
```
derebas | Как реализовать шифрование трафика? ³

derebas
Как реализовать шифрование трафика?
18-11-2024, 16:52

Ну в теории, можно использовать src на site.com разместить прокси на site2.com а выдавать видео с site3.com, при этом прямой доступ на site3.com закрыть, отдача будет только если запрос с site2.com, таким образом палится только site2.com, НО источник потокового видео, все равно можно увидеть если захотеть, а ссылки, ну купить домен dsac-43efew-csdds.uz как пример
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:46

я уже делал. Пользователь 1000 (это я так понимаю root) и chmod 777
Так и было...
lutskboy | Перенёс сайт - не работают кнопки, не от ... ⁸

lutskboy
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:39

чтоб не удалять выстави права и пользователя какие там идут на файлы. .

наверх