Min-height для блоков с помощью JavaScript
Добрый день уважаемые друзья!
Говорю сразу: Я не из тех лентяев, которые задают вопрос из-за нежелания что-то сделать самим. Я чуток другим занимаюсь, но вопрос ребром. Итак, суть вопроса. Имеем код, наиболее приблежённый к моей проблеме:
$(document).ready(function() {
function setEqualHeight(columns)
{
var tallestcolumn = 0;
columns.each(
function()
{
currentHeight = $(this).height();
if(currentHeight > tallestcolumn)
{
tallestcolumn = currentHeight;
}
}
);
columns.height(tallestcolumn);
}
setEqualHeight($("#bar1,#bar2,#bar3,#bar99));
});
Код сравнивает высоты #bar1,#bar2,#bar3,#bar99, берёт наибольшую, и для всех элементов прописывает свойство наибольшей вычисленой высоты в "инлайн-стайл" для указаных элементов. Вопросы: 1) Как сделать так чтобы он брал к сравнению не полную высоту #bar1, а высоту с вычетом 250px? 2) Какие внести изменения, чтобы код по-прежнему сравнивал высоты, а в "инлайн-стайл" для элементов записывал не "height", а именно "min-height"? P.S: Я по-большому счету из-за этого зарегестрировался))) Знаю что вопрос скорее всего не очень сложный... У меня есть друг который работает с JS(специально обученый человек:victory: ), но с другом нет связи... Как говорят: зачем точить топор если мне уже рубить охота)) Будьте так добры помогите. Заранее спасибо. |
STyLe,
Цитата:
currentHeight = $(this).height() - 250; к тому же в 17 строке должен быть массив,а не "строка"... Цитата:
columns.minHeight(tallestcolumn); но не уверен... |
Цитата:
Но, я так понимаю, из Вашего совета вытекает что 250 px будут вычетатся со всех блоков? А мне нужно лишь чтобы вычиталось лишь с #bar1... или я неправильно Вас понял? Вообщем пошел пробовать... |
STyLe,
Возможно так прокатит в концовке скрипта
columns.height(tallestcolumn-250);
setEqualHeight($("#bar1"));
columns.height(tallestcolumn+250);
setEqualHeight($("#bar2,#bar3,#bar99"));
});
Ксать там с кавыками еще походу траблы Дали б ссылку на Демо страницу |
Цитата:
Цитата:
|
STyLe, как вариант
$(document).ready(function() {
function setEqualHeight(columns)
{
var tallestcolumn = 0;
$.each(columns,
function(i)
{
currentHeight = (i == 0 ? $(this).height() - 250 : $(this).height());
if(currentHeight > tallestcolumn)
{
tallestcolumn = currentHeight;
}
}
);
//columns.height(tallestcolumn);
}
setEqualHeight(["#bar1","#bar2","#bar3","#bar99"]);
});
|
| Часовой пояс GMT +3, время: 00:43. |