ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / длинна теста ячейки таблицы в пикселях
7 сообщений из 7, страница 1 из 1
длинна теста ячейки таблицы в пикселях
    #35961980
urukhay
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
urukhay
Участник
Привет. Есть такая структура

<table id="aaa">
<tr id="bbb">
<td id="ccc">Какой то текст</td>
</tr>
</table>

Мне нужно получить длину фразы "Какой то текст", но не в количестве символов, а в пикселях, т.е. какую длину эта фраза занимает на экране. Это как нибудь можно сделать средствами яваскрипт?
...
Рейтинг: 0 / 0
29.04.2009, 19:48
| Ответить | Цитировать | Написать  
длинна теста ячейки таблицы в пикселях
    #35962017
kstmironov
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
kstmironov
Гость
Насколько мне известно нет. Можно попробовать криво сделать. Знать какой установлен шрифт и размер. Примерно понять какая ширнина одной буквы. Затем множить это на кол-во букв.
...
Рейтинг: 0 / 0
29.04.2009, 20:16
| Ответить | Цитировать | Написать  
длинна теста ячейки таблицы в пикселях
    #35962309
зы
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
зы
Участник
нужно запихать текст в span (главное чтобы стили в диве были такими же), потом взять его размер. Спан можно спрятать за экран, чтобы его не было видно.
...
Рейтинг: 0 / 0
30.04.2009, 00:52
| Ответить | Цитировать | Написать  
длинна теста ячейки таблицы в пикселях
    #35962586
urukhay
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
urukhay
Участник
kstmironov,
такой вариант первым пришел мне в голову...но это ж жесть)) у каждого шрифта своя ширина букв...кроме типа шрифта еще есть его размер...и не факт, что в при увеличении размера данного шрифта ширина букв будет увеличиваться пропорционально...боюсь этот вариант не подойдет

зы,
а вот насчет спана - это идея...про него я совсем забыл. попробую, спасибо.
...
Рейтинг: 0 / 0
30.04.2009, 09:24
| Ответить | Цитировать | Написать  
длинна теста ячейки таблицы в пикселях
    #35962604
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
document.getElementById("ccc").clientWidth не подойдёт? А ещё правильнее взять текст в какоё-то контейнер, хотя бы span и у него клиентВидтх смотреть.
...
Рейтинг: 0 / 0
30.04.2009, 09:33
| Ответить | Цитировать | Написать  
длинна теста ячейки таблицы в пикселях
    #35962671
Фотография illion
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
illion
Участник
ShSerge document.getElementById("ccc").clientWidth не подойдёт?
такое подойдет только если в таблице одна-единственная строка :-)
...
Рейтинг: 0 / 0
30.04.2009, 09:56
| Ответить | Цитировать | Написать  
длинна теста ячейки таблицы в пикселях
    #35962799
RayZ
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
RayZ
Гость
Существует ряд решений, которые помогают вычеслить размер блока в пикселях для inline элементов.

Вобщем, для загруженного DOM по умолчанию существует возможность получать размер с помощью offsetWidth , в остальных случаях, как это делают разные гуру - создают клон элемента в блочном представленнии ( display:block )

Пример такого решения с использованием jQuery:
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
function TextMetrixWidth(el) {
	var Styles = Array('font-size','font-style', 'font-weight', 'font-family','line-height');
	for (var i= 0 ; i<Styles.length; i++) {
		$('#textmetrixdiv').css(Styles[i], $(el).css(Styles[i]));
	}
	parent.document.getElementById('textmetrixdiv').innerHTML =  $(el).attr('value');
	return parent.document.getElementById('textmetrixdiv').offsetWidth;
}
...
Рейтинг: 0 / 0
30.04.2009, 10:45
| Ответить | Цитировать | Написать  
7 сообщений из 7, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / длинна теста ячейки таблицы в пикселях
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=35962017&tid=1454893]:
 0ms
get settings:
 10ms
get forum list:
 18ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 145ms
get topic data:
 11ms
get forum data:
 3ms
get page messages:
 57ms
get tp. blocked users:
 1ms
others: 243ms
total:  494ms
созд. / загр.: 494ms
x
x
Закрыть


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