Javascript.RU

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

Резиновая верстка CSS+JS
Подскажите пожалуйста. Вроде все так просто, но не получаеца...)
есть три блока <div>. один слева со свойством float:left, два правее него, один под другим. Суммарный height обоих блоков, что справа равен height'у левого блока(ну т.е. теоретически и идеалистически ). Все стили этих блоков прописаны в прикрепленном файле '.css'.
я хочу в яваскрипте узнавать текущий height левого блока и изменять в соответсвии с ним height нижнего правого блока(верхний правый статический). Делаю так:
var left = document.getElementById("left").style.height;
var rightUp = document.getElementById("rightUp").style.height;
document.getElementById("rightDown").style.height = (left-rightUp)+'px';
Понятно, что height'ы left и rightUp - это строки и мне придется превращать его в number, просто проблема в том, что у меня элементарно не получается заставить работать код:
var left = document.getElementById("left").style.height;
alert(left);
Т.е. выскакивает просто пустое окошко оповещения...
Но если писать:
document.getElementById("left").style.height = '10px';
var left = document.getElementById("left").style.height;
alert(left);
То все работает и на экран выводится окошко с текстом '10px'.
Ответить с цитированием
  #2 (permalink)  
Старый 02.11.2009, 19:58
Аватар для can3p
Аспирант
Отправить личное сообщение для can3p Посмотреть профиль Найти все сообщения от can3p
 
Регистрация: 02.11.2009
Сообщений: 40

Все происходит совершенно закономерно. В style хранятся значения стилей, которые применены к данному элементу, а вам нужно фактическое значение. Стоит посмотреть в сторону clientHeight
Ответить с цитированием
  #3 (permalink)  
Старый 05.11.2009, 16:08
Новичок на форуме
Отправить личное сообщение для djdish Посмотреть профиль Найти все сообщения от djdish
 
Регистрация: 05.11.2009
Сообщений: 3

вот так в jquery
value = $(id_element).attr('height');
alert(value);

все напечатает!
Ответить с цитированием
  #4 (permalink)  
Старый 05.11.2009, 16:43
Аватар для Snowcore
Аспирант
Отправить личное сообщение для Snowcore Посмотреть профиль Найти все сообщения от Snowcore
 
Регистрация: 02.06.2009
Сообщений: 92

или так:

$(id_element).height();
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Удаление CSS свойста с помощью JS Hurley Internet Explorer 2 01.10.2009 21:55
CSS Class & JS keysi_ Общие вопросы Javascript 10 29.04.2009 18:37
Как создать ассоциативный массив JS + CSS occlusion Общие вопросы Javascript 3 12.01.2009 09:19
Ajax. Полноценная подгрузка страниц, содержащих CSS и JS. Alex22 AJAX и COMET 6 05.11.2008 23:53
Резиновая верстка Empty (X)HTML/CSS 1 17.07.2008 14:40