Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / (Javascript+CSS) / 20 сообщений из 20, страница 1 из 1
28.12.2008, 14:28
    #35738668
Leee
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
(Javascript+CSS)
CSS
автор
#menu_main
{ display:none;
position:absolute;
top:0px;
left:0px;
z-index: 99;
height:auto; /* !! высота элемента */
width:100%;
font-size: 12px;
}



HTML
автор
<div id = menu_main></div>


JavaScript
автор
var obj = document.getElementById("menu_main");
var sty = obj.currentStyle||getComputedStyle(obj, '');

В sty.height оказывается значение auto. Это вполне логично.
Без auto обойтись нельзя, т.к. должно быть выравнивание высоты объекта по содержимому. Сколько будет строк в содержимом - неизвестно. Т.е. по ходу работы в элемент "menu_main" добавляется текст.
Но как-нибудь можно узнать реальную высоту элемента? Т.е., когда auto, браузер сам вычисляет значение высоты. Вот мне надо его узнать.
Или как это сделать через другие теги (не div) ?
...
Рейтинг: 0 / 0
28.12.2008, 15:06
    #35738690
DocAl
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
(Javascript+CSS)
Пока он display:none -- нет.
...
Рейтинг: 0 / 0
28.12.2008, 15:09
    #35738691
Ренат
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
(Javascript+CSS)
Мб как то так?
Код: plaintext
alert(obj.pixelHeight);
...
Рейтинг: 0 / 0
28.12.2008, 15:11
    #35738692
Leee
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
(Javascript+CSS)
DocAlПока он display:none -- нет.
Ну это мелочи жизни.
Если display:block, то как?
...
Рейтинг: 0 / 0
28.12.2008, 15:12
    #35738693
Leee
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
(Javascript+CSS)
РенатМб как то так?
Код: plaintext
alert(obj.pixelHeight);

К сожалению нет
...
Рейтинг: 0 / 0
28.12.2008, 15:17
    #35738694
Leee
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
(Javascript+CSS)
Может быть можно определить высоту по тому, стала ли видимой последняя строчка текста ?
В данном случае - это тег <li> - элемент списка.
...
Рейтинг: 0 / 0
04.01.2009, 15:41
    #35744173
Leee
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
(Javascript+CSS)
Тема все еще актуальна
...
Рейтинг: 0 / 0
05.01.2009, 10:40
    #35744570
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
(Javascript+CSS)
offsetHeight, clientHeight, если display:block.
...
Рейтинг: 0 / 0
07.01.2009, 02:13
    #35746396
Семен Шторкин
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
(Javascript+CSS)
Код: plaintext
1.
2.
3.
function getTruthHeight(elemId) {
 var el = document.getElementById(elemId); return(el ? (el.offsetHeight || el.style.pixelHeight ||  0 ) :  0 );
}
...
Рейтинг: 0 / 0
09.01.2009, 12:49
    #35748525
Leee
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
(Javascript+CSS)
ShSergeoffsetHeight, clientHeight, если display:block.


#menu_main
{
top:0px;
left:0px;
position:absolute;
display:block;
z-index: 99;
height:auto;

}



var obj = document.getElementById("menu_main");
obj.style.display='block';
alert(obj.clientHeight);
alert(obj.offsetHeight);


Алерты выдают нули, что не может быть правильным, т.к. в блоке menu_main есть информация и она отображается при display:block
...
Рейтинг: 0 / 0
09.01.2009, 12:56
    #35748533
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
(Javascript+CSS)
Работающий примерчик можно? Есть всякие штучки, однако, доктайп, например. Нужен просто малюсенький примерчик, который можно было бы скопипастить и запустить.
...
Рейтинг: 0 / 0
09.01.2009, 13:40
    #35748600
Семен Шторкин
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
(Javascript+CSS)
Leee,

Мой пример попробуйте, у меня везде работает, как пример мой сайт
Код: plaintext
http://shtorkin.ru
, фишка про пилюлю, высота балуна высчитывается этой функцией...
...
Рейтинг: 0 / 0
09.01.2009, 14:11
    #35748655
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
(Javascript+CSS)
Семен Шторкин,
Семён, не делай так. Твой сайт щас в гугле максимальный пажеранк из-за нашего хорума наберёт. Так не честно.
ПС. Я тоже не очень кокаколу пью - у меня от неё изжога.
...
Рейтинг: 0 / 0
09.01.2009, 14:14
    #35748663
Семен Шторкин
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
(Javascript+CSS)
ShSerge,

упс, сорри :-) ну я все равно вместо URL тыцнул SRC случайно... жаль что нельзя редактировать сообщения. Не ради корысти, я просто хотел рабочий пример показать :-)
...
Рейтинг: 0 / 0
09.01.2009, 14:27
    #35748680
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
(Javascript+CSS)
Семен Шторкин,
Всё нормально, делай - делай. Шутка. Ты же не грелки для пупков предлагаешь таки... . .
...
Рейтинг: 0 / 0
11.01.2009, 10:26
    #35750455
Leee
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
(Javascript+CSS)
Семен ШторкинLeee,

Мой пример попробуйте, у меня везде работает, как пример мой сайт
Код: plaintext
http://shtorkin.ru
, фишка про пилюлю, высота балуна высчитывается этой функцией...
Не могу посмотреть
http://shtorkin.ru/redpill.js
http://shtorkin.ru/redpill.js

Файл защищен настройками - пишет
...
Рейтинг: 0 / 0
11.01.2009, 10:29
    #35750460
Leee
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
(Javascript+CSS)
ShSergeРаботающий примерчик можно? Есть всякие штучки, однако, доктайп, например. Нужен просто малюсенький примерчик, который можно было бы скопипастить и запустить.
Ну вот в сабже есть работающий пример.
Это одна htm
...
Рейтинг: 0 / 0
11.01.2009, 13:01
    #35750672
Семен Шторкин
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
(Javascript+CSS)
Leee,

Да, это защита для JavaScript и CSS, которую я разрабатываю... Я имел ввиду воочию увидеть что высота блока меняется в зависимости от контента, при этом указал код функции которая ее считает.
...
Рейтинг: 0 / 0
11.01.2009, 13:04
    #35750676
Семен Шторкин
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
(Javascript+CSS)
Семен Шторкин,

заговорился... не высота конечно же, а положение... блок с "позишн:абсолют", но поскольку положение зависит от координат левого нижнего угла, приходится считать высоту блока, и та функция под всеми браузерами считает ее корректно.
...
Рейтинг: 0 / 0
11.01.2009, 15:03
    #35750891
Leee
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
(Javascript+CSS)
Все, я решил проблему.
Все дело было в том, что в элементе <div id = menu_main></div> позиционирование всех потомков было задано, как absolute. Поэтому свойства clientHeight, offsetHeight выдавали 0.
Теперь я просто меняю программно позиционирование на relative, считываю высоту, и возвращаю назад absolute.

Всем спасибо!
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / (Javascript+CSS) / 20 сообщений из 20, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]