вопросы по javascript - [105] :: Web-программирование :: Компьютерный форум Ru.Board

Перейти из форума на сайт.

Новости • Файловые архивы
Поиск • Активные темы • Топ лист
Правила • Кто в on-line?

Вход • Забыли пароль? • Первый раз на этом сайте? • Регистрация

Компьютерный форум Ru.Board » Интернет » Web-программирование » вопросы по javascript

Модерирует : Cheery
Версия для печати • Подписаться • Добавить в закладки
Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125

Открыть новую тему

Написать ответ в эту тему

Mavrikii

Platinum Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

D1D1D1D
тема по css вообще отдельная

Код:

@media (max-width: 700px) {
.dx-data-row .b {
display: grid;
grid-auto-columns: 100% !important;
width: 100% !important;
max-width: 100% !important;
}
.dx-data-row .d {
display: grid;
grid-auto-columns: 0% !important;
width: 100% !important;
max-width: 100% !important;
}
#dx-col-2 {
width: 100% !important;
max-width: 100% !important;
}
#dx-col-4 {
width: 0% !important;
max-width: 0% !important;
}
}

Всего записей: 16424 | Зарегистр. 20-09-2014 | Отправлено: 22:30 08-02-2023

D1D1D1D Advanced Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору Mavrikii У меня в результате вот так это отображается:
	Всего записей: 1506 \| Зарегистр. 05-04-2010 \| Отправлено: 22:37 08-02-2023

Mavrikii

Platinum Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

D1D1D1D

Цитата:

У меня в результате вот так это отображается:

у меня

Всего записей: 16424 | Зарегистр. 20-09-2014 | Отправлено: 22:41 08-02-2023 | Исправлено: Mavrikii, 22:41 08-02-2023

D1D1D1D

Advanced Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Mavrikii

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

Всего записей: 1506 | Зарегистр. 05-04-2010 | Отправлено: 22:56 08-02-2023

Mavrikii Platinum Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору D1D1D1D режим телефона лишь помогает менять ширину. все я делал и так и эдак. проблем нет. приведенный кусок css кода вставляется после всего в styles.css
	Всего записей: 16424 \| Зарегистр. 20-09-2014 \| Отправлено: 22:59 08-02-2023 \| Исправлено: Mavrikii, 23:00 08-02-2023

D1D1D1D

Advanced Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Mavrikii

Видимо, требуется обновление страницы после перехода в режим разработчика. У меня тоже сразу после перехода в режим разработчика вид как на вашем скрине, но после обновления страницы срабатывает "display: grid" — и содержимое второго столбца перемещается в первый, но без изменения ширины второго столбца.

Всего записей: 1506 | Зарегистр. 05-04-2010 | Отправлено: 23:25 08-02-2023

D1D1D1D

Advanced Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Работает, если добавить такой стиль:

Код:

@media (max-width: 700px) {
.dx-data-row .b,
.dx-data-row .c,
.dx-data-row .d,
.dx-data-row .e {
display: grid;
grid-auto-columns: 100% !important;
width: 396px !important;
max-width: 396px !important;
}
}

То есть, все четыре колонки преобразуются в список. Возник вопрос. Возможно ли как-то скрыть строки с пустыми значениями, так как они создают лишние переводы строки между списков?

Всего записей: 1506 | Зарегистр. 05-04-2010 | Отправлено: 04:21 14-02-2023

Mavrikii

Platinum Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

D1D1D1D

Цитата:

Возможно ли как-то скрыть строки с пустыми значениями

https://developer.mozilla.org/ru/docs/Web/CSS/:empty

Всего записей: 16424 | Зарегистр. 20-09-2014 | Отправлено: 10:25 14-02-2023

D1D1D1D

Advanced Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Mavrikii
Считается ли за пустое значение " ", прописанное в таких "пустых" ячейках? Пробовал так:

Код:

.c:empty > *,
.c:blank > * {
display: none;
}

Всего записей: 1506 | Зарегистр. 05-04-2010 | Отправлено: 22:36 14-02-2023

Mavrikii

Platinum Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

D1D1D1D

Цитата:

Считается ли за пустое значение " ",

нет.

тогда css тут не поможет в чистом виде.

Всего записей: 16424 | Зарегистр. 20-09-2014 | Отправлено: 22:38 14-02-2023

D1D1D1D

Advanced Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Mavrikii

Тут четыре колонки преобразуются в список:

Код:

@media (max-width: 700px) {
.dx-data-row .b,
.dx-data-row .c,
.dx-data-row .d,
.dx-data-row .e {
display: grid;
grid-auto-columns: 100% !important;
width: 396px !important;
max-width: 396px !important;
}
}

Можно ли содержимое третьей колонки (.dx-data-row .c), прикреплять в виде продолжения к предыдущей колонке (без перевода строки), чтобы тем самым пустые значения, когда они там есть, не были заметны?

Всего записей: 1506 | Зарегистр. 05-04-2010 | Отправлено: 22:56 14-02-2023 | Исправлено: D1D1D1D, 22:57 14-02-2023

Mavrikii

Platinum Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

D1D1D1D
CSS не относится к теме. и CSS делает только визуальное отображение, не меняет структуру страницы. поэтому "продолжение" возможно только в виде сокрытия одной и растягивания другой на ее ширину.

Всего записей: 16424 | Зарегистр. 20-09-2014 | Отправлено: 01:00 15-02-2023

D1D1D1D

Advanced Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

А нельзя ли в этой функции из файла "index.js" прописать скрытие ячеек, содержащих только " "?

Код:

/* действие для определенных столбцов по классу, когда экран меньше... */
customizeColumns(col) {
col.forEach(arr => {
if (screen.width <= 700) {
if (arr.cssClass === "c" || arr.cssClass === "e") {
arr.visible = false;
$('.dx-datagrid-header-panel .dx-button-mode-contained').closest('div').css('background-color', '#FFC0C7').addClass('dx-button-mode-contained');
}
}
});
},

Всего записей: 1506 | Зарегистр. 05-04-2010 | Отправлено: 00:24 16-02-2023

Mavrikii

Platinum Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

D1D1D1D

Цитата:

А нельзя ли в этой функции из файла "index.js" прописать скрытие ячеек

наверно можно.
с помощью jQuery точно можно

$("div.el:contains('\u00a0')")
где первоначальный селектор тот, что нужно для столбца.

$("div.el:contains('\u00a0')", $parent) - если внутри родителя

Всего записей: 16424 | Зарегистр. 20-09-2014 | Отправлено: 01:29 16-02-2023

Kspeh

Full Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Напишите, пожалуйста, скрипт, который бы выделял записанные в него слова на странице в браузере. То есть занёс слова "member", "Всего записей", "Отправлено" - и он это всё подсветил каким-нибудь ярким цветом. Не ссылки, а именно слова. Например на этой странице - "Всего записей" - это не ссылка.

Всего записей: 404 | Зарегистр. 17-11-2015 | Отправлено: 08:00 16-02-2023

D1D1D1D Advanced Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору Kspeh По-моему, для браузеров эффективней использовать расширения, напр.
	Всего записей: 1506 \| Зарегистр. 05-04-2010 \| Отправлено: 11:00 16-02-2023

Kspeh

Full Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

D1D1D1D
- да, верно. Но у меня нет возможности устанавливать расширения, а скрипты - закладурки, буркмаркеты - как-то так называются - возможность есть.
Вот у меня стоит закладурка или буркмаркет (не знаю, как правильно) для подсветки линков:

javascript: (function(){var a=document.createElement("style");a.setAttribute("type","text/css");var c="a:visited{color:red!important}";c=document.createTextNode(c),a.appendChild(c);var b=document.getElementsByTagName("head")[0];b.insertBefore(b.appendChild(a),b.childNodes[0])})()

Думаю, что всего немного нужно изменить, чтобы получилось то, что мне надо. Но вот не знаю, что подставить вместо a:visited

Всего записей: 404 | Зарегистр. 17-11-2015 | Отправлено: 12:18 16-02-2023 | Исправлено: Kspeh, 12:22 16-02-2023

Mavrikii

Platinum Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Kspeh

Цитата:

Думаю, что всего немного нужно изменить, чтобы получилось то, что мне надо

можно, но будет много.

Цитата:

Но вот не знаю, что подставить вместо a:visited

это не сработает так просто. потому что текст сидит в текстовом узле, и чтобы его как то выделить, его придется обернуть в тег, а значит придется преобразовывать текстовой узел в 3 элемента.

то есть <div>какой-то текст тут</div>, нужно преобразовывать в <div>какой-то <mark>текст</mark> тут</div>, что вносит свои сложности. есть и ньюансы, когда текст находится в двух тегах и тд и тп.
https://stackoverflow.com/questions/31275446/how-to-wrap-part-of-a-text-in-a-node-with-javascript

Цитата:

Но у меня нет возможности устанавливать расширения, а скрипты - закладурки, буркмаркеты - как-то так называются - возможность есть.

расширения в современном браузере - почти одно и то же.
какие то специальные права в системе при этом не требуются.

Всего записей: 16424 | Зарегистр. 20-09-2014 | Отправлено: 22:53 16-02-2023 | Исправлено: Mavrikii, 22:54 16-02-2023

D1D1D1D

Advanced Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Mavrikii

Цитата:

наверно можно.
с помощью jQuery точно можно

$("div.el:contains('\u00a0')")
где первоначальный селектор тот, что нужно для столбца.

$("div.el:contains('\u00a0')", $parent) - если внутри родителя

Как следует правильно прописать стиль jQuery, для такого дерева тегов? —

Код:

<div class="demo-container">
_<div id="gridContainer" class="dx-widget dx-visibility-change-handler">
__<div class="dx-datagrid dx-gridbase-container dx-datagrid-borders">
___<div class="dx-datagrid-rowsview dx-datagrid-nowrap dx-scrollable dx-visibility-change-handler dx-scrollable-both dx-scrollable-simulated">
____<div class="dx-scrollable-wrapper">
_____<div class="dx-scrollable-container">
______<div class="dx-datagrid-content">
_______<table class="dx-datagrid-table dx-datagrid-table-fixed">
________<tbody>
_________<tr class="dx-row dx-data-row dx-column-lines dx-row-alt dx-selection">
__________<td class="a kod18" aria-selected="false">
___________<td class="c dx-cell-focus-disabled"> </td>

Всего записей: 1506 | Зарегистр. 05-04-2010 | Отправлено: 23:57 16-02-2023 | Исправлено: D1D1D1D, 00:03 17-02-2023

Mavrikii

Platinum Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

D1D1D1D

Цитата:

Как следует правильно прописать стиль jQuery, для такого дерева тегов? —

откуда я знаю где и что у вас может быть не так?
плюс оно найдет любой тег, в котором есть  , не только пустые

проще тогда для столбца с классом c
$('.c').filter(function() {return $(this).text().trim() == ''})
вернет пустые элементы

Всего записей: 16424 | Зарегистр. 20-09-2014 | Отправлено: 02:49 17-02-2023 | Исправлено: Mavrikii, 02:49 17-02-2023

Открыть новую тему

Написать ответ в эту тему

Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125

Компьютерный форум Ru.Board » Интернет » Web-программирование » вопросы по javascript

Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2025

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC