powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / (Javascript+CSS)
20 сообщений из 20, страница 1 из 1
(Javascript+CSS)
    #35738668
Leee
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
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
(Javascript+CSS)
    #35738690
DocAl
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Пока он display:none -- нет.
...
Рейтинг: 0 / 0
(Javascript+CSS)
    #35738691
Фотография Ренат
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Мб как то так?
Код: plaintext
alert(obj.pixelHeight);
...
Рейтинг: 0 / 0
(Javascript+CSS)
    #35738692
Leee
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
DocAlПока он display:none -- нет.
Ну это мелочи жизни.
Если display:block, то как?
...
Рейтинг: 0 / 0
(Javascript+CSS)
    #35738693
Leee
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
РенатМб как то так?
Код: plaintext
alert(obj.pixelHeight);

К сожалению нет
...
Рейтинг: 0 / 0
(Javascript+CSS)
    #35738694
Leee
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Может быть можно определить высоту по тому, стала ли видимой последняя строчка текста ?
В данном случае - это тег <li> - элемент списка.
...
Рейтинг: 0 / 0
(Javascript+CSS)
    #35744173
Leee
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Тема все еще актуальна
...
Рейтинг: 0 / 0
(Javascript+CSS)
    #35744570
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
offsetHeight, clientHeight, если display:block.
...
Рейтинг: 0 / 0
(Javascript+CSS)
    #35746396
Фотография Семен Шторкин
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Код: plaintext
1.
2.
3.
function getTruthHeight(elemId) {
 var el = document.getElementById(elemId); return(el ? (el.offsetHeight || el.style.pixelHeight ||  0 ) :  0 );
}
...
Рейтинг: 0 / 0
(Javascript+CSS)
    #35748525
Leee
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
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
(Javascript+CSS)
    #35748533
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Работающий примерчик можно? Есть всякие штучки, однако, доктайп, например. Нужен просто малюсенький примерчик, который можно было бы скопипастить и запустить.
...
Рейтинг: 0 / 0
(Javascript+CSS)
    #35748600
Фотография Семен Шторкин
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Leee,

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

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

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

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

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

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

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


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