вопросы по 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

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

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

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;
}
}

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

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

Mavrikii

Platinum Member

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

D1D1D1D

Цитата:

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

у меня

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

D1D1D1D

Advanced Member

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

Mavrikii

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

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

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

D1D1D1D

Advanced Member

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

Mavrikii

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

Всего записей: 1470 | Зарегистр. 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;
}
}

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

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

Mavrikii

Platinum Member

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

D1D1D1D

Цитата:

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

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

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

D1D1D1D

Advanced Member

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

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

Код:

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

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

Mavrikii

Platinum Member

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

D1D1D1D

Цитата:

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

нет.

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

Всего записей: 15687 | Зарегистр. 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), прикреплять в виде продолжения к предыдущей колонке (без перевода строки), чтобы тем самым пустые значения, когда они там есть, не были заметны?

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

Mavrikii

Platinum Member

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

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

Всего записей: 15687 | Зарегистр. 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');
}
}
});
},

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

Mavrikii

Platinum Member

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

D1D1D1D

Цитата:

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

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

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

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

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

Kspeh

Member

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

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

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

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

Kspeh

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

Всего записей: 386 | Зарегистр. 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

Цитата:

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

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

Всего записей: 15687 | Зарегистр. 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>

Всего записей: 1470 | Зарегистр. 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() == ''})
вернет пустые элементы

Всего записей: 15687 | Зарегистр. 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

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

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

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

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC