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

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в 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

Открыть новую тему     Написать ответ в эту тему

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

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

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
У меня в результате вот так это отображается:
 

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

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

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

у меня
 

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

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

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

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
D1D1D1D
режим телефона лишь помогает менять ширину. все я делал и так и эдак.
проблем нет.
 
приведенный кусок css кода вставляется после всего в styles.css

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

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
 
Видимо, требуется обновление страницы после перехода в режим разработчика. У меня тоже сразу после перехода в режим разработчика вид как на вашем скрине, но после обновления страницы срабатывает "display: grid" — и содержимое второго столбца перемещается в первый, но без изменения ширины второго столбца.

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

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

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

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

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

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

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

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Считается ли за пустое значение " ", прописанное в таких "пустых" ячейках? Пробовал так:
 

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

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

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

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

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

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

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

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
D1D1D1D
CSS не относится к теме. и CSS делает только визуальное отображение, не меняет структуру страницы. поэтому "продолжение" возможно только в виде сокрытия одной и растягивания другой на ее ширину.

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

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

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

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

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

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

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

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

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Kspeh
По-моему, для браузеров эффективней использовать расширения, напр.

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

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

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

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

Всего записей: 15040 | Зарегистр. 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">&nbsp;</td>

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

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

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

откуда я знаю где и что у вас может быть не так?  
плюс оно найдет любой тег, в котором есть &nbsp;, не только пустые
 
проще тогда для столбца с классом c
$('.c').filter(function() {return $(this).text().trim() == ''})
вернет пустые элементы

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

Компьютерный форум 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

Рейтинг.ru