Форум

Юсуф · #1 (**permalink**) 02.08.2012, 13:59

Здравствуйте! не могли бы вы мне подсказать где ошибка в моем коде
Задача такая, есть стили div блока,

.scroll-pane2 {
	width: 87%; /* Ширина видимой области*/
	height: 800px; /* Высота видимой области*/
	
}

этот стиль задает размер блока, но я написал код для того чтобы определить высоту браузера и вставить эту высоту в стиль блока автоматически!
как я знаю $(window).height(); определяет этот размер!

вот сам код

$(document).ready(function() 
{
 var heig = $(window).height();
  $('.scroll-pane').attr('height',$(this).heig); 
});

но у меня не получается ничего!

Aetae · #2 (**permalink**) 02.08.2012, 14:03

Причём тут $(this)?

Юсуф · #3 (**permalink**) 02.08.2012, 14:04

эммм... передает параметр в атрибут height разве не так?

Юсуф · #4 (**permalink**) 02.08.2012, 14:22

Ребят помогите плизз!

Aetae · #5 (**permalink**) 02.08.2012, 14:33

Судя по всему вы полный ноль как в javascript, так и в jq.

var heig = $(window).height();
$('.scroll-pane').attr('height', heig);

Настоятельно рекомендую проследовать на http://learn.javascript.ru ипочитать хотябы про основы.

Юсуф · #6 (**permalink**) 02.08.2012, 14:43

После того когда вы задали вопрос причем тут this я убрал его и попытался сделать так как в вашем примере, но не работает, файл со стилями должен до подключится или после?

Aetae · #7 (**permalink**) 02.08.2012, 14:58

Блджад. attr - это аттрибут. Он будет работать только с теми элементами у которых возможно назначение height через аттрибут. Если у вас простой div, то ясен хрен что ничего не работает. Ещё раз настоятельно рекомендую что-нибудь хотябы почитать, иначе ничего у вас не выйдет.

Хотел за вас написать но не буду.
Вот полезные ссылки:
http://api.jquery.com/height/
http://api.jquery.com/css/

Юсуф · #8 (**permalink**) 02.08.2012, 15:03

хорошо почитаю, скажите хотя бы что вы имели ввиду простой div?, я не силен в JS мне срочно нужно сляпать сайт перед выставкой, или начальство меня закопает(((!

Aetae · #9 (**permalink**) 02.08.2012, 15:09

Достаточно второй ссылки для решения вашего вопроса. Просто прочитайте. Это займёт на порядок меньше времени чем попытки сделать что-то отбалды или задать вопрос на сотне форумов.

Deff · #10 (**permalink**) 02.08.2012, 20:12

<!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>

Форум

Справочник

Discord чат

Курсы javascript