Получить ширину / HTML, JavaScript, VBScript, CSS

ReSQL.ru

Мобильная версия Контакт Правила FAQ Помощь

Гость

Войти | Регистрация | Профиль | Очистить

Новые сообщения | Избранное

Форумы | Пользователи | Статистика | Мод. лог | Поиск

Цитировать

Написать

Автор*:

Ввести пароль для входа

Тема*:

Сообщение

Данное сообщение тематическое

Сообщение содержит картинки или видео 18+

Автор:

ВНИМАНИЕ! На данном подфоруме действуют строгие правила. Удостоверьтесь, что ваше сообщение соответствует им!

Форум или тема закрыты для гостей. Необходима авторизация!

Загрузить последнюю сохраненную версию

Вложение:

Вставить как галерею

Максимальный размер вложений: 4,0 МБ, аудио/видео: 8,0 МБ. Картинки большего размера ужимаются, если возможно.

Введите код, изображенный на картинке. Если код нечитаемый, кликните картинку, чтобы загрузить другой вариант.

Отправляя сообщение, я выражаю свое согласие с правилами форума и принимаю пользовательское соглашение.

Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр

Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Получить ширину

5 сообщений из 5, страница 1 из 1

Получить ширину

#39656970

AndrewVL

Участник

Сообщения: 837

Рейтинг: 0 / 0

Здравствуйте.

Совсем новичек)
Через jquery.load загружаю в контейнер файл. В файле таблица вида текст:input. В несколько строк.

Input потом преобразуется в компонент. С установкой ширины.
А вот как узнать ширину текста? Понимаю, что ширина текста будет зависить от ширины контейнера, куда этот файл грузится.
Но мне б наоборот) получить ширину текста и input, чтоб потом выставить нормальную ширину контейнера. Причем хотелось бы узнать ширину текста когда он отображается в одну строку.

Сумбурно

...

Рейтинг:

0 / 0

07.06.2018, 01:26

| Ответить | Цитировать | Написать

Получить ширину

#39656976

vkle

Участник

Откуда: Самара

Сообщения: 14 253

Рейтинг: 0 / 0

Полагаю, для определения ширины текста, его следует поместить с каким то нон-брейк стилем во временный контейнер (вроде div) без ограничений на ширину, а затем получить ширину этого контейнера и вычесть отступы, если они есть.
Про инпут не понятно. Впрочем, про файл и загрузку тоже.

...

Рейтинг:

0 / 0

07.06.2018, 01:53

| Ответить | Цитировать | Написать

Получить ширину

#39657120

Руслан Дамирович

Участник

Откуда: Резиновая нерезиновая

Сообщения: 922

Рейтинг: 0 / 0

AndrewVLНо мне б наоборот) получить ширину текста и input, чтоб потом выставить нормальную ширину контейнера.
Философские вопросы - что есть нормальность и зачем она вам нужна.

Резиновая верстка что-ли? Ну так задавайте "фиксированную" ширину столбцов таблицы стилями/классами - в процентах.
Типа такого:

Код: html

1.
2.
3.
4.
5.
6.
7.
8.
9.

<td style="max-width: 20%; min-width: 20%; width: 20%;">...</td>
<td class="fixed-width-20p">...</td>
<style>
.fixed-width-20p {
  max-width: 20%;
  min-width: 20%;
  width: 20%;
}
</style>

...

Рейтинг:

0 / 0

07.06.2018, 10:33

| Ответить | Цитировать | Написать

Получить ширину

#39657157

AndrewVL

Участник

Сообщения: 837

Рейтинг: 0 / 0

Руслан Дамирович
Философские вопросы - что есть нормальность и зачем она вам нужна.

есть jqxWindow. в него грузится нечто подобное.

Код: html

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.

    <div style="visibility: visible;" id="d1">
        <div style="overflow: hidden;">
            <table style="table-layout: fixed; border-style: none;">

                    <td align="right">Наименование:
                    </td>
                    <td align="left">
                        <input id="p_name" type="text" />
                    </td>

                </tr>
                <tr>
                    <td align="right">наименование два:
                    </td>
                    <td align="left">
                        <div id="p1_name" type="text" />
                    </td>
                </tr>				
            </table>
        </div>
    </div>

Код: javascript

1.
2.

$("#p_name").jqxDropDownList (.... width: 400 ...);
$("#p1_name").jqxDropDownList (.... width: 400 ...);

и вот хотелось бы, чтоб jqxWindow сделать шириной равной ширине d1 Учитывая, что наименование два должно отображаться в одну строку

...

Рейтинг:

0 / 0

07.06.2018, 10:54

| Ответить | Цитировать | Написать

Получить ширину

#39657538

Руслан Дамирович

Участник

Откуда: Резиновая нерезиновая

Сообщения: 922

Рейтинг: 0 / 0

Ну, например, как-то так:

Код: javascript

1.
2.
3.
4.
5.
6.

$("#p_name").jqxDropDownList (.... width: 400 ...);
$("#p1_name").jqxDropDownList (.... width: 400 ...);
...
let fontSize = parseInt( $( '#p1_name' ).css( 'font-size' ) );
let textSize = $( '#p1_name' ).text().length;
$( <jqxWindow> ).innerWidth( fontSize * textSize );

ну и учесть отступы в стилях для всех вышележащих над p1_name элементах...

...

Рейтинг:

0 / 0

07.06.2018, 16:07

| Ответить | Цитировать | Написать

5 сообщений из 5, страница 1 из 1

Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Получить ширину

Читали тему (0):

Читали форум (0):

Пользователи онлайн (0):

start [/forum/topic.php?fid=22&tid=1444144]:	0ms
get settings:	11ms
get forum list:	13ms
check forum access:	3ms
check topic access:	3ms
track hit:	167ms
get topic data:	12ms
get forum data:	2ms
get page messages:	44ms
get tp. blocked users:	2ms
others:	12ms

total:	269ms