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

Добрый день.

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

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

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

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

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

var height = text.outerHeight();

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

//////

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


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

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

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

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

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

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

http://pastebin.com/BNzPsvsz


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

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

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

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

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

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

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

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

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

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

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

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