Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Приравнять высоту одного div'a к высоте другого (https://javascript.ru/forum/jquery/44756-priravnyat-vysotu-odnogo-div%27-k-vysote-drugogo.html)

SkaterSPB 01.02.2014 00:58

Приравнять высоту одного div'a к высоте другого
 
Всем привет! Вот и мне потребовалось получить самые начальные знания по js и jquery
Есть 3 div'a высоту центрального нужно сделать на 34px меньше высоты самого высокого из оставшихся двух, если это очень сложно (а я подозреваю что это на два действия сложнее второго варианта;) ) то можно просто выстоту центрального приравнять к высоте левого минус 34px
<div id="left"></div>
<div id="center"></div>
<div id="right"></div>


гуглил смотрел и пробовал на тему .height() но ничего не получилось
вот как пробовал
var contentHeight = $('#left').height();
$('#center').height(contentHeight-34);

Я полнейший ноль в js, нашел примеры в которых обращаются к класуу элемента: $('.center').height как к id обратиться я не знаю так или по другому:-?

UPD: еще такой вопрос: нужно ли заключать этот код в функцию (типа как в Си нужно в main писать) или просто так записать что сделать нужно и все?
Оффтоп: посоветуйте толковый видеокурс по самым самым основам js и jquery, что бы понимать синтаксис хотя бы.

ksa 01.02.2014 19:56

Цитата:

Сообщение от SkaterSPB
Вот и мне потребовалось получить самые начальные знания по js и jquery

Не факт, что они вообще нужны в твоем случае... :)
Что известно про ширину тех дивов?

SkaterSPB 01.02.2014 20:32

Все, спасибо, разобрался
Вот как смог завести
$(document).ready(function(){

 h = $('#left').height()-40;
 $('#center').height(h);
 console.log (h);

});

Думаю мой уровень знаний в js понятен :(

SkaterSPB 01.02.2014 20:38

вот апгрейд
$(document).ready(function(){

 h1 = $('#content').height()-40;
 h2 = $('#right').height()-40;
 if (h1>h2) 
 { h=h1}
	else 
 { h=h2};
 $('#vertical-separator').height(h);
console.log (h1);
console.log (h2);
console.log (h);
});


ПС: cnsole.log для интереса)

ksa 01.02.2014 20:42

Цитата:

Сообщение от SkaterSPB
Думаю мой уровень знаний в js понятен

Есть варианты решения вообще без скрипта... :)

SkaterSPB 02.02.2014 01:05

Цитата:

Сообщение от ksa (Сообщение 295209)
Есть варианты решения вообще без скрипта... :)

Например?
Код:

http://habrahabr.ru/post/64173/
из этих мне со скриптом больше всех понравился, тем более все равно нужно будет изучить хотя бы чуток js, С, С++ немного знаю, в принципе js должен легко пойти

ksa 02.02.2014 10:43

Цитата:

Сообщение от SkaterSPB
Например?

Я спросил у тебя ранее
Цитата:

Сообщение от ksa
Что известно про ширину тех дивов?

Ответа так и не получил... :no:

ksa 02.02.2014 10:44

Цитата:

Сообщение от SkaterSPB
С++ немного знаю, в принципе js должен легко пойти

Очень понравилось сочетание слова "немного" и фразы "должен легко пойти"... :D

xakplant 11.10.2018 12:26

JS библиотека
 
Я для этого создал JS библиотеку. Она занимается тем, что даёт высоту или ширину блоку относительно самой себя или относительно другого блока.

Ссылка на гитхаб
https://github.com/xakplant/stickjaw


Часовой пояс GMT +3, время: 08:21.