Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 01.02.2014, 00:58
Новичок на форуме
Отправить личное сообщение для SkaterSPB Посмотреть профиль Найти все сообщения от SkaterSPB
 
Регистрация: 01.02.2014
Сообщений: 4

Приравнять высоту одного 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, что бы понимать синтаксис хотя бы.

Последний раз редактировалось SkaterSPB, 01.02.2014 в 14:58.
Ответить с цитированием
  #2 (permalink)  
Старый 01.02.2014, 19:56
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,215

Сообщение от SkaterSPB
Вот и мне потребовалось получить самые начальные знания по js и jquery
Не факт, что они вообще нужны в твоем случае...
Что известно про ширину тех дивов?
Ответить с цитированием
  #3 (permalink)  
Старый 01.02.2014, 20:32
Новичок на форуме
Отправить личное сообщение для SkaterSPB Посмотреть профиль Найти все сообщения от SkaterSPB
 
Регистрация: 01.02.2014
Сообщений: 4

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

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

});

Думаю мой уровень знаний в js понятен
Ответить с цитированием
  #4 (permalink)  
Старый 01.02.2014, 20:38
Новичок на форуме
Отправить личное сообщение для SkaterSPB Посмотреть профиль Найти все сообщения от SkaterSPB
 
Регистрация: 01.02.2014
Сообщений: 4

вот апгрейд
$(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 для интереса)
Ответить с цитированием
  #5 (permalink)  
Старый 01.02.2014, 20:42
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,215

Сообщение от SkaterSPB
Думаю мой уровень знаний в js понятен
Есть варианты решения вообще без скрипта...
Ответить с цитированием
  #6 (permalink)  
Старый 02.02.2014, 01:05
Новичок на форуме
Отправить личное сообщение для SkaterSPB Посмотреть профиль Найти все сообщения от SkaterSPB
 
Регистрация: 01.02.2014
Сообщений: 4

Сообщение от ksa Посмотреть сообщение
Есть варианты решения вообще без скрипта...
Например?
Код:
http://habrahabr.ru/post/64173/
из этих мне со скриптом больше всех понравился, тем более все равно нужно будет изучить хотя бы чуток js, С, С++ немного знаю, в принципе js должен легко пойти
Ответить с цитированием
  #7 (permalink)  
Старый 02.02.2014, 10:43
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,215

Сообщение от SkaterSPB
Например?
Я спросил у тебя ранее
Сообщение от ksa
Что известно про ширину тех дивов?
Ответа так и не получил...
Ответить с цитированием
  #8 (permalink)  
Старый 02.02.2014, 10:44
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,215

Сообщение от SkaterSPB
С++ немного знаю, в принципе js должен легко пойти
Очень понравилось сочетание слова "немного" и фразы "должен легко пойти"...
Ответить с цитированием
  #9 (permalink)  
Старый 11.10.2018, 12:26
Новичок на форуме
Отправить личное сообщение для xakplant Посмотреть профиль Найти все сообщения от xakplant
 
Регистрация: 11.10.2018
Сообщений: 1

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

Ссылка на гитхаб
https://github.com/xakplant/stickjaw
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Изменить высоту одного элемента вычтя ее из другого newcoder jQuery 4 09.02.2015 00:06
Из одного массива удалить элементы другого... t3mir1an Events/DOM/Window 4 22.10.2013 11:14
Значение одного от значений другого EleGant Общие вопросы Javascript 10 02.02.2013 17:33
перемещение элемента на место другого и замена одного на другой? SunYang Элементы интерфейса 1 03.07.2012 09:03
Изменение одного блока относительно другого Domain Общие вопросы Javascript 9 10.04.2010 15:56