Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: Не получается получить ширину блока

PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

Пользователи

Здравствуйте, Гость

( Вход · Регистрация · Правила форума )

Забыли пароль?

Не получается получить ширину блока

Форумы портала PHP.SU » Клиентская разработка » JavaScript & VBScript (Модератор: armancho7777777)

Страниц (1): [1]

Без описания

Поиск в теме | Версия для печати

android	Отправлено: 14 Марта, 2015 - 11:15:33
Посетитель Покинул форум Сообщений всего: 335 Дата рег-ции: Сент. 2011 Помог: 0 раз(а)	Добрый день, не могу понять как можно получить ширину блока div, не вставляя его в шаблон. Но блок имеет свой ксс который должен учитываться при расчете ширины блока... CODE (javascript): скопировать код в буфер обмена var html = '<div class="testblock">' + $('enter:selected').text() + '</div>'; width = $(html).width(); alert(width); CODE (html): скопировать код в буфер обмена <style> .testblock { font: 12px/26px Arial, Verdana, Tahoma; color: #4b4b4b; padding: 0 32px 0 8px; } </style> Конечно я бы мог вывести в шаблон и получить данные, но так как это динамическая генерация кода в цикле, поэтому я не могу так сделать... Я думал узнавать кол-во символов у текста + 32px + 8px, только одна проблема, размер шрифта... (Добавление) Посмотрел в Photoshop ширину буквы, она плавающая 7-6px, да и это бдсм получается... В каждом браузере свой обработчик шрифта

exlant	Отправлено: 14 Марта, 2015 - 12:04:15
Посетитель Покинул форум Сообщений всего: 425 Дата рег-ции: Февр. 2015 Помог: 14 раз(а)	вставить блок, (например с opacity:0, или выдвинуть его за рамки окна margin-left: -500px) узнать ширину, и спрятать обратно! а потом уже вставлять куда надо с известной шириной! Цитата: но так как это динамическая генерация кода в цикле, поэтому я не могу так сделать... сразу этого не заметил! А что собственно мешает в цикле его показывать? (Отредактировано автором: 14 Марта, 2015 - 12:06:11)

Zveryugaz	Отправлено: 14 Марта, 2015 - 13:54:00
Гость Покинул форум Сообщений всего: 68 Дата рег-ции: Авг. 2012 Помог: 0 раз(а)	android пишет: var html = '<div class="testblock">' + $('enter:selected').text() + '</div>'; width = $(html).width(); alert(width); CODE (javascript): скопировать код в буфер обмена var html = '<div class="testblock">' + $('enter:selected').text() + '</div>'; //только здесь его опубликовать width = $('.testblock').width(); alert(width); (Добавление) exlant пишет: вставить блок, (например с opacity:0, или выдвинуть его за рамки окна margin-left: -500px) узнать ширину, и спрятать обратно! а потом уже вставлять куда надо с известной шириной! И это тоже можно делать в цикле.

exlant	Отправлено: 14 Марта, 2015 - 18:38:35
Посетитель Покинул форум Сообщений всего: 425 Дата рег-ции: Февр. 2015 Помог: 14 раз(а)	Zveryugaz пишет: var html = '<div class="testblock">' + $('enter:selected').text() + '</div>'; //только здесь его опубликовать width = $('.testblock').width(); alert(width); серьезно? и это будет работать с блоком который еще не был выведен в браузер?

Поиск в теме | Версия для печати

Страниц (1): [1]

Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)

« JavaScript & VBScript »

Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.