Узнать размеры DIV'а до его добавления на страницу

[nextdrift]

Добрый день.

Делаю генератор всплывающих подсказок (при помощи jQuery), размер треугольника(стрелочки) строится исходя из размера высоты DIV'a текста

До этого делал следующим образом:

1. добавлял блок с текстом на страницу

var text = $('<div>').html('какой-то текст...');
text.appendTo(el);

2. брал высоту блока

var height = text.outerHeight();

3. генерировал SVG стрелочку исходя из высоты блока

//////

как можно узнать высоту текстового блока до помещения на страницу?


текстовый блок имеет также параметр max-width - для переноса длинных текстов

[krasovsky]

Вставить его с display:none или visibility:hidden измерить и установить видимым
хотя я сам не пробовал. Как вариант position absolute и большие минусовые left и top

[nextdrift]

Вставить его с display:none или visibility:hidden измерить и установить видимым
хотя я сам не пробовал. Как вариант position absolute и большие минусовые left и top

мне нужно именно в памяти было.

Я сейчас пошёл немного по другому пути.

Написал функцию перевода простого текста в текст разибтый по линиям.

кому интересен код, делюсь

http://pastebin.com/BNzPsvsz


От количества полученых линии буду задавать высоту.

Сейчас буду писать функцию рисования svg.

[kostyanet]

мне нужно именно в памяти было.

Оно в памяти и будет. Типа в клипборде, отформатированном.

[danik.js]

как можно узнать высоту текстового блока до помещения на страницу?

Пока не поместишь блок на страницу к нему не применятся css-стили. А ведь высота зависит именно от стилей. Понял в чем фишка?

[Царь Леонид]

Я делал похожую штуку, по умолчанию ставил margin-left:-9999px потом брал ширину блока и применял его к margin-left. Если у блока поставить display:none или opacity:0, ничего не получится

[danik.js]

visibility:hidden и все получится.

[nextdrift]

И так Всем спасибо за советы Но я пошёл путём рисования в SVG - всё работает теперь даже лучше, кроме одной проблемы.

Проблема с шириной блока под текст...
Я пошёл по наипростому пути и сделал следующий способ.

ширна = кол-во символов * 10

но вот проблема в том, что разные символы имеют разную ширину... Как поступить в данной ситуации? Может стоит написать отдельную функцию, в которой будут размеры каждого символа в px? И таким образом считать

[ksa]

Как поступить в данной ситуации?

Все советы тебе уже дали выше...

[krasovsky]

И так Всем спасибо за советы Но я пошёл путём рисования в SVG - всё работает теперь даже лучше, кроме одной проблемы.

Проблема с шириной блока под текст...
Я пошёл по наипростому пути и сделал следующий способ.

ширна = кол-во символов * 10

но вот проблема в том, что разные символы имеют разную ширину... Как поступить в данной ситуации? Может стоит написать отдельную функцию, в которой будут размеры каждого символа в px? И таким образом считать

Не для фана конечно можешь попробовать, но это нежизнеспособно. Я тебя наверно не удивлю если напомню что кроме разной ширины букв, есть еще и разные шрифты )) А еще не забудь учесть межбуквенную разрядку, Bold italic и прочие и прочие.
В общем итоге чтоб сделать такой расчет тебе нужно точно знать каким шрифтом и с какими стилями текст. И не менять его во веки веков а то рассчеты поломаются.