Изменение высоты браузера
Здравствуйте! не могли бы вы мне подсказать где ошибка в моем коде
Задача такая, есть стили div блока,
.scroll-pane2 {
width: 87%; /* Ширина видимой области*/
height: 800px; /* Высота видимой области*/
}
этот стиль задает размер блока, но я написал код для того чтобы определить высоту браузера и вставить эту высоту в стиль блока автоматически! как я знаю $(window).height(); определяет этот размер! вот сам код
$(document).ready(function()
{
var heig = $(window).height();
$('.scroll-pane').attr('height',$(this).heig);
});
но у меня не получается ничего! |
Причём тут $(this)?
|
эммм... передает параметр в атрибут height разве не так?
|
Ребят помогите плизз!
|
Судя по всему вы полный ноль как в javascript, так и в jq.
var heig = $(window).height();
$('.scroll-pane').attr('height', heig);
Настоятельно рекомендую проследовать на http://learn.javascript.ru ипочитать хотябы про основы. |
После того когда вы задали вопрос причем тут this я убрал его и попытался сделать так как в вашем примере, но не работает, файл со стилями должен до подключится или после?
|
Блджад. attr - это аттрибут. Он будет работать только с теми элементами у которых возможно назначение height через аттрибут. Если у вас простой div, то ясен хрен что ничего не работает. Ещё раз настоятельно рекомендую что-нибудь хотябы почитать, иначе ничего у вас не выйдет.
Хотел за вас написать но не буду. Вот полезные ссылки: http://api.jquery.com/height/ http://api.jquery.com/css/ |
хорошо почитаю, скажите хотя бы что вы имели ввиду простой div?, я не силен в JS мне срочно нужно сляпать сайт перед выставкой, или начальство меня закопает(((!
|
Достаточно второй ссылки для решения вашего вопроса. Просто прочитайте. Это займёт на порядок меньше времени чем попытки сделать что-то отбалды или задать вопрос на сотне форумов.
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var Heigt = $(window).height();
var obj = $('.scroll-panel');
alert("Начальная разность Высот:\n"+(Heigt-obj.height()));
obj.height(Heigt);
alert("Установлена Высота текущего окна браузера:\n"+Heigt);
});
</script>
</head>
<body>
<style type="text/css">
.scroll-panel{
width: 87%; /* Ширина видимой области*/
border:red solid 1px;
height: 800px; /* Высота видимой области*/
}
</style>
<div style="width:100%;height:300px;"></div>
<div class="scroll-panel"></div>
</body>
</html>
|
а скажите каким методом можно решить данную проблему!? Я изменил ваш код под себя
$(document).ready(function(){
var Heigt = $(window).height() -70;
var obj = $('.scroll-pane');
obj.height(Heigt);
});
теперь все хорошо, но... когда уменьшаем окно браузера то скрипт не обновляет высоту класса .scroll-pane, пытался использовать resize() но у меня чет не получается |
| Часовой пояс GMT +3, время: 11:03. |