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

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

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

D1D1D1D

Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
 
Имелось в виду - задать выборочное скрытие определенных столбцов.
Всего записей: 1506 | Зарегистр. 05-04-2010 | Отправлено: 04:23 03-04-2022
Mavrikii

Platinum Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
D1D1D1D
задайте им определенный атрибут или класс, проверяйте его наличие.
Всего записей: 16419 | Зарегистр. 20-09-2014 | Отправлено: 04:35 03-04-2022
D1D1D1D

Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
В чем может состоять ошибка? Тут я задал класс "a" для скрытия первого столбца:

Код:
if (screen.width <= 6768) {
   const e = document.querySelectorAll(`.${a}`);
   e.component.columnOption(e.column.caption, 'visible', false);
}

 
Выяснил еще, что можно тоже самое делать на CSS, но при этом столбцы как-то странно смещаются. В чем может быть дело?

Код:
@media (min-width: 768px) {
.dx-data-row .a   {width: 50px !important;}
.dx-data-row .b   {width: 600px !important;}
.dx-data-row .c   {display:none !important;}
.dx-data-row .d   {width: 600px !important;}
.dx-data-row .e   {display:none !important;}
}
Всего записей: 1506 | Зарегистр. 05-04-2010 | Отправлено: 05:55 03-04-2022 | Исправлено: D1D1D1D, 05:56 03-04-2022
Mavrikii

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

Цитата:
const e = document.querySelectorAll(`.${a}`);

зачем? e.component уже, скорее всего, нужный параметр (идет перебор столбцов).
я не знаю как вы прилепили это, но если из примера - это уже как то привязано к каждому столбцу.
вот тут и проверяйте, есть ли у него какой то класс или атрибут, в соответствии с которым вы либо делаете его невидимым, либо нет.
Всего записей: 16419 | Зарегистр. 20-09-2014 | Отправлено: 06:51 03-04-2022
Vladsvn

Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Добрый день!
 
В сети очень много скриптов различного назначения (меню, всплывающие сообщения и т.п.), но все они построены на jQuery. На bootstrap я не встречал ни одного, хотя у bootstrap, вроде бы, тоже большие возможности.  
 
Не понятно, почему так?
 
bootstrap морально устарел? Это технология вчерашнего дня?  
 
(Имеется в виду скрипты с использованием bootstrap).
 
 
Всего записей: 351 | Зарегистр. 07-09-2016 | Отправлено: 09:52 03-04-2022 | Исправлено: Vladsvn, 09:56 03-04-2022
Mavrikii

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

Цитата:
bootstrap морально устарел? Это технология вчерашнего дня?  

bootstrap и jQuery это разные вещи.
первое - для визуализации и респонсивности (отображение на мобильных устройствах)
второе - для интерактивности и изменения DOM, просто упрощает многие вещи в javascript
https://ru.wikipedia.org/wiki/Bootstrap_(фреймворк)
https://ru.wikipedia.org/wiki/JQuery
Всего записей: 16419 | Зарегистр. 20-09-2014 | Отправлено: 10:00 03-04-2022 | Исправлено: Mavrikii, 10:01 03-04-2022
Vladsvn

Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Если посмотреть инспектором кода, то и в bootstrap, и в jQuery используется далеко не вся номенклатура  содержащихся в них скриптов. Что произойдет, если в них неиспользуемые коды удалить (для облегчения файлов)?  
 
Применяется ли такой прием на практике или это некорректно, кустарщина?
 
Всего записей: 351 | Зарегистр. 07-09-2016 | Отправлено: 10:14 03-04-2022
Mavrikii

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

Цитата:
то и в bootstrap, и в jQuery используется далеко не вся номенклатура  содержащихся в них скриптов.

чего?
 

Цитата:
Что произойдет, если в них неиспользуемые коды удалить (для облегчения файлов)?

смотря как удалять. вам действительно хочется на это тратить время, когда файлы уже минимизированы? или проверять потом, все работает как нужно.. и так, вручную, с каждой новой версией? что за бред вы сейчас спросили.
Всего записей: 16419 | Зарегистр. 20-09-2014 | Отправлено: 10:27 03-04-2022 | Исправлено: Mavrikii, 10:27 03-04-2022
D1D1D1D

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

Цитата:
e.component уже, скорее всего, нужный параметр (идет перебор столбцов).
 

А как указать столбец с определенным стилем?
Всего записей: 1506 | Зарегистр. 05-04-2010 | Отправлено: 20:48 03-04-2022
Mavrikii

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

Цитата:
А как указать столбец с определенным стилем?

проверить есть ли у него класс.
проверить, сначала, так - может сработает, иначе нужно копать глубже, что из себя представляет e.component
if ($(e.component).hasClass('имя_класса')) {
...
}
Всего записей: 16419 | Зарегистр. 20-09-2014 | Отправлено: 23:56 03-04-2022
Vladsvn

Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Добрый день!
 
В сети есть несколько необычный сайт: прочитав половину статьи, пользователь получает приглашение зарегистрироваться, а оставшаяся часть страницы для незарегистрированного пользователя остается недоступной.
 
Вот пример такой страницы: https://www.e-xecutive.ru/career/lichnaya-effektivnost/1994900-eto-u-menya-ot-roditelei-kak-detsko-roditelskie-otnosheniya-vliyaut-na-uspeh
 
Но если Вы как незарегистрированный пользователь посмотрите код этой страницы, то в кодах увидите ее всю, полностью. Применительно к данному примеру в коде можно увидеть фразу "как заметно улучшается ситуация во всех сферах его жизни". Это последняя фраза в статье, которую браузер незарегистрированному пользователю не показывает. Благодаря такой организации страница полностью индексируется роботами.
 
Я хотел заимствовать этот механизм, но так и не сумел понять, как это работает...
 
 
Всего записей: 351 | Зарегистр. 07-09-2016 | Отправлено: 11:46 06-04-2022
Mavrikii

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

Цитата:
Я хотел заимствовать этот механизм, но так и не сумел понять, как это работает...

элементарно.. через CSS
выставляетя для блока с текстом max-height, затем overflow: hidden и далее градиент перехода либо тоже через CSS, либо картинкой.
и, соответственно, убирается этот стиль при клике для раскрытия всего сообщения.
 
https://jsfiddle.net/e5qpobvy/
Всего записей: 16419 | Зарегистр. 20-09-2014 | Отправлено: 22:51 06-04-2022
Vladsvn

Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Какое неожиданное и красивое решение!
 
Спасибо!
Всего записей: 351 | Зарегистр. 07-09-2016 | Отправлено: 23:28 06-04-2022
D1D1D1D

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

Цитата:
задать выборочное скрытие определенных столбцов

Следующий код скрывает две колонки по классам "b" и "d". Как правильно прописать смену фонового цвета для кнопки "Выбор столбцов", чтобы пользователь понимал, что кнопка используется?
 

Код:
customizeColumns(col) {
    col.forEach(arr => {
        if (screen.width <= 700) {
            if (arr.cssClass === "b" || arr.cssClass === "d") {
                arr.visible = false;
-->             $('div').closest('div').css('background-color', '#FF0000').addClass('dx-button-mode-contained');
            }
        }
    });
}
Всего записей: 1506 | Зарегистр. 05-04-2010 | Отправлено: 03:21 08-04-2022
Mavrikii

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

Цитата:
Как правильно прописать смену фонового цвета для кнопки "Выбор столбцов

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

Цитата:
$('div')

к любому <div> на странице обращаетесь?
Всего записей: 16419 | Зарегистр. 20-09-2014 | Отправлено: 03:27 08-04-2022
D1D1D1D

Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
А, точно. Вот тут в архиве виджет, а кнопка там в нижнем правом углу.
Всего записей: 1506 | Зарегистр. 05-04-2010 | Отправлено: 03:29 08-04-2022
Mavrikii

Platinum Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
D1D1D1D
нет в API прямого обращения к кнопке. есть возможность получить элемент со списком, но не кнопку.
как костыль - $('.dx-datagrid-header-panel .dx-button-mode-contained')
Всего записей: 16419 | Зарегистр. 20-09-2014 | Отправлено: 04:04 08-04-2022
D1D1D1D

Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Спасибо!
Всего записей: 1506 | Зарегистр. 05-04-2010 | Отправлено: 05:20 08-04-2022
D1D1D1D

Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
В виджете из архива на все поисковые поля назначена функция, которая заменяет некоторые введенные символы на другие, например, букву Ё на Е. Сокращенно функция выглядит так —

Код:
function fix(obj) {
   obj.value = obj.value.replace(/[ё]/g, 'е');
}

В коде виджета строк больше, и замечено, что на некоторых версиях андроида при вводе букв — они дублируются. В связи с этим вопрос — есть ли другой способ прописать подобный функционал на input onkeyup?
Всего записей: 1506 | Зарегистр. 05-04-2010 | Отправлено: 16:23 11-04-2022 | Исправлено: D1D1D1D, 14:44 15-04-2022
Mavrikii

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

Цитата:
и замечено, что на некоторых версиях андроида при вводе бук

дело, наверно, все же в браузере. чтобы видеть причину - нужно знать конкретно версии.
 
Всего записей: 16419 | Зарегистр. 20-09-2014 | Отправлено: 20:25 11-04-2022
Открыть новую тему     Написать ответ в эту тему

Страницы: 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

Рейтинг.ru