VPF::Как получить длину строки в пикселах?

Skywalker

Дата 3.11.2004, 10:47 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 332
Регистрация: 17.11.2003
Где: Днепропетровск, У краина

Репутация: нет
Всего: 2

Как получить длину строки в пикселах? Заранее благодарен.

--------------------

"Мы в ответе за тех, кого приручили" Антуан де Сент Экзюпери, Маленький принц

Sardar

Дата 3.11.2004, 11:08 (ссылка)

(нет голосов)

Загрузка ...

Бегун

Профиль
Группа: Модератор
Сообщений: 6986
Регистрация: 19.4.2002
Где: Нидерланды, Groni ngen

Репутация: 78
Всего: 317

Можно закинуть сторку в span элемент и опросить ширину: offsetWidth.

Код

function stringPixelLength(str, classname) {
  var ct=document.createElement("SPAN");
  ct.appendChild(document.createTextNode(str));
  ct.className=classname; //стили и прочие фишки, можешь переделать и передавать строку со стилями отдельно
  ct.style.visibility='hidden';
  ct.style.position="absolute";
  document.body.appendChild(ct);
  var w=ct.offsetWidth;
  if(document.body.removeChild) document.body.removeChild(ct);
  //иначе оставим не видимый мусор на странице
  return w;
}

alert(stringPixelLength("Test"));

--------------------

Опыт - сын ошибок трудных © А. С. Пушкин
Процесс написания своего велосипеда повышает профессиональный уровень программиста. © Opik
Оценить мои качества можно тут.

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »