Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Получить ширину / 5 сообщений из 5, страница 1 из 1
07.06.2018, 01:26
    #39656970
AndrewVL
AndrewVL
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Получить ширину
Здравствуйте.

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

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


Сумбурно
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
07.06.2018, 01:53
    #39656976
vkle
vkle
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Получить ширину
Полагаю, для определения ширины текста, его следует поместить с каким то нон-брейк стилем во временный контейнер (вроде div) без ограничений на ширину, а затем получить ширину этого контейнера и вычесть отступы, если они есть.
Про инпут не понятно. Впрочем, про файл и загрузку тоже.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
07.06.2018, 10:33
    #39657120
Руслан Дамирович
Руслан Дамирович
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Получить ширину
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:54
    #39657157
AndrewVL
AndrewVL
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Получить ширину
Руслан Дамирович
Философские вопросы - что есть нормальность и зачем она вам нужна.




есть 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, 16:07
    #39657538
Руслан Дамирович
Руслан Дамирович
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Получить ширину
Ну, например, как-то так:
Код: 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
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Получить ширину / 5 сообщений из 5, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение
созд. / загр.: 882ms
Закрыть
start [/forum/search_topic.php?author=Phillip+Fry&author_mode=last_posts&do_search=1]:
 0ms
get settings:
 9ms
get forum list:
 13ms
get settings:
 10ms
get forum list:
 14ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 168ms
get topic data:
 11ms
get forum data:
 3ms
get page messages:
 44ms
get tp. blocked users:
 2ms
others: 600ms
total:  882ms
x
x
Закрыть


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